jQuery知識點整理

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

這篇文章主要介紹了jQuery知識點整理的相關資料,需要的朋友可以參考下

slideUp();向上滑動//改變元素的高度的屬性直到高度為0從而將元素隱藏
slideDown();
slideToggle();
fadeOut();淡出//從不透明變透明
fadeIn()

function(){

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

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

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

可以給一個元素同時應用多個這種選擇器

將script標記放在最下面，只在</body>前面因為腳本會帶來一個問題，他們會阻塞瀏覽器中的并行下載。不同服務器的多個圖像可以同時下載，一旦瀏覽器遇到一個<script>標記時，就不能再并行下載多個元素了。
放在下面有利于提高下載速度

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

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

alert(discount);//彈出信息

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

jquery變量名要求
不能以數(shù)字開頭，區(qū)分大小寫，不能有任何數(shù)學運算符，不能有空格和標點符號?？梢杂邢聞澗€，

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

$(".guess_box").click(function(){
$(this).append("hahaha");
})
//當多個元素持有同一個class時我只想要對我當前操作的元素進行處理時可以使用 $(this)調用當前執(zhí)行方法的那個對象

復制代碼代碼如下:

<ol>

<li>1</li>

<li>2</li>

</ol>

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

$("li").remove();

});

$("li").remove();

jquery后代選擇器

復制代碼代碼如下:

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

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

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

綁定事件的兩種方式

復制代碼代碼如下:

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

alert("click");

});

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

alert("click");

});

onblur();失去焦點

onchange()
//如果元素內(nèi)容發(fā)生變化則觸發(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>