jQuery知識點整理

2019-11-20 13:16:14

字體：大中小

供稿：網(wǎng)友

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

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

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

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

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

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

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ù)學(xué)運算符，不能有空格和標(biāo)點符號?？梢杂邢聞澗€，

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

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

復(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();失去焦點

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