jQuery知識(shí)點(diǎ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 :<strong>"+pts+"</strong>"
//可以在變量中加入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 = "<p>Your Discount is "+ discount +"%<p>";
alert(discount);//彈出信息
$("p").append("<strong>123</strong>");
若<p>qwert</p>
則運(yùn)行后為<p>qwert<strong>123</strong></p>
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ì)象
<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();失去焦點(diǎn)
onchange()
//如果元素內(nèi)容發(fā)生變化則觸發(fā)某個(gè)方法
<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>
- 初窺JQuery(一)jquery選擇符 必備知識(shí)點(diǎn)
- Jquery知識(shí)點(diǎn)一 Jquery的ready和Dom的onload的區(qū)別
- Jquery知識(shí)點(diǎn)二 jquery下對(duì)數(shù)組的操作
- Jquery知識(shí)點(diǎn)三 jquery表單對(duì)象操作
- 基于jQuery.Validate驗(yàn)證庫(kù)知識(shí)點(diǎn)的詳解
- js+jquery常用知識(shí)點(diǎn)匯總
- jQuery 遍歷函數(shù)詳解
- jQuery增加自定義函數(shù)的方法
- jQuery中常用的遍歷函數(shù)用法實(shí)例總結(jié)
- jQuery常用知識(shí)點(diǎn)總結(jié)以及平時(shí)封裝常用函數(shù)
相關(guān)文章
多種類(lèi)型jQuery網(wǎng)頁(yè)驗(yàn)證碼插件代碼實(shí)例
這篇文章主要介紹了多種類(lèi)型jQuery網(wǎng)頁(yè)驗(yàn)證碼插件代碼實(shí)例,有正好需要的同學(xué)可以測(cè)試研究下具體使用效果2021-01-01淺談jQuery before和insertBefore的區(qū)別
下面小編就為大家?guī)?lái)一篇淺談jQuery before和insertBefore的區(qū)別。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-12-12用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本
用JQuery 實(shí)現(xiàn)AJAX加載XML并解析的腳本2009-07-07jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)
下面小編就為大家?guī)?lái)一篇jQuery 添加樣式屬性的優(yōu)先級(jí)別方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-06-06jQuery EasyUi 驗(yàn)證功能實(shí)例解析
本文給大家分享jquery easyui驗(yàn)證功能的實(shí)例代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友參考下2017-01-01jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)
下面想就為大家?guī)?lái)一篇jquery ajax局部加載方法詳解(實(shí)現(xiàn)代碼)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考,一起跟隨小編過(guò)來(lái)看看吧2016-05-05