快捷導(dǎo)航

jQuery知識(shí)點(diǎn)整理

更新時(shí)間：2015年01月30日 15:17:24 投稿：hebedich

這篇文章主要介紹了jQuery知識(shí)點(diǎn)整理的相關(guān)資料,需要的朋友可以參考下

slideUp();向上滑動(dòng)//改變?cè)氐母叨鹊膶傩?直到高度為0從而將元素隱藏
slideDown();
slideToggle();
fadeOut();淡出//從不透明變透明
fadeIn()

function(){

$("span.Italian").toggle();

$("span.Italian").toggle();}

在一個(gè)function函數(shù)中加入兩個(gè)toggle函數(shù)實(shí)現(xiàn)語(yǔ)言的切換

可以給一個(gè)元素同時(shí)應(yīng)用多個(gè)這種選擇器

將script標(biāo)記放在最下面，只在</body>前面因?yàn)槟_本會(huì)帶來(lái)一個(gè)問(wèn)題，他們會(huì)阻塞瀏覽器中的并行下載。不同服務(wù)器的多個(gè)圖像可以同時(shí)下載，一旦瀏覽器遇到一個(gè)<script>標(biāo)記時(shí)，就不能再并行下載多個(gè)元素了。
放在下面有利于提高下載速度

var msg = "high score :"+pts+""
//可以在變量中加入html標(biāo)記

var discount = Math.floor((Math.random()*5)+5);//輸出5-10之間的一個(gè)數(shù)
//math.random();獲得0-1的隨機(jī)數(shù)
//Math.floor(x);獲得小于x的最大整數(shù)
var discount_msg = "Your Discount is "+ discount +"%";

alert(discount);//彈出信息

$("p").append("123");
若qwert
則運(yùn)行后為qwert123

jquery變量名要求
不能以數(shù)字開(kāi)頭，區(qū)分大小寫(xiě)，不能有任何數(shù)學(xué)運(yùn)算符，不能有空格和標(biāo)點(diǎn)符號(hào)?？梢杂邢聞澗€，

$(*)選擇頁(yè)面上的每一個(gè)元素

$(".guess_box").click(function(){
$(this).append("hahaha");
})
//當(dāng)多個(gè)元素持有同一個(gè)class時(shí) 我只想要對(duì)我當(dāng)前操作的元素進(jìn)行處理時(shí) 可以使用 $(this)調(diào)用當(dāng)前執(zhí)行方法的那個(gè)對(duì)象

復(fù)制代碼代碼如下:

<ol>

<li>1</li>

<li>2</li>

</ol>

$("#btnRemove").click(function(){

$("li").remove();

});

$("li").remove();

jquery后代選擇器

復(fù)制代碼代碼如下:

$("div p")選擇div下的所有段落元素

$("div div")選取div下的所有div元素

$("div div img")選取div下div下的所有img元素

綁定事件的兩種方式

復(fù)制代碼代碼如下:

$("#myElement").click(function(){

alert("click");

});

$("#myElement").bind('click',function(){

alert("click");

});

onblur();失去焦點(diǎn)

onchange()
//如果元素內(nèi)容發(fā)生變化則觸發(fā)某個(gè)方法

復(fù)制代碼代碼如下:

<html>

<head>

<script type="text/javascript">

function upperCase(x)

{

var y=document.getElementById(x).value

document.getElementById(x).value=y.toUpperCase()

}

</script>

</head>

<body>

輸入您的姓名：

<input type="text" id="fname" onchange="upperCase(this.id)" />

</body>

</html>