1.鏈?zhǔn)斤L(fēng)格

對(duì)應(yīng)同一個(gè)對(duì)象，不超過(guò)三個(gè)操作，可以寫(xiě)成一行

$("li").show().unbind("click");

同一個(gè)對(duì)象，多個(gè)操作，建議分多行寫(xiě)，切加上注釋　　

//等待dom元素加載完畢. $(document).ready(function(){$(".has_children").click(function(){$(this).addClass("highlight") //為當(dāng)前元素增加highlight類(lèi).children("a").show().end() //將子節(jié)點(diǎn)的a元素顯示出來(lái)并重新定位到上次操作的元素.siblings().removeClass("highlight") //獲取元素的兄弟元素，并去掉他們的highlight類(lèi).children("a").hide(); //將兄弟元素下的a元素隱藏}); });

　如下，不加注釋，很難看懂是什么意思

//id為table的表格里，如果每一行的最后一列的checkbox 沒(méi)有被禁用，則把這一行的背景色設(shè)為紅色 $("#table>tbody>tr:has(td:last:has(:checkbox:enabled))").css("background","red");

2.jQuery 和 Dom 的區(qū)別　　

//和Dom的區(qū)別$("#foo").html(); //等同于document.getElementById("foo").innerHTML$("#id").attr("checked"); //等同于document.getElementById("foo").checked //聲明變量var $variable = JQuery 對(duì)象 var variable = DOM 對(duì)象//jQuery 轉(zhuǎn)換為 dom//jQuery對(duì)象是個(gè)數(shù)組對(duì)象，可以通過(guò)[index]來(lái)轉(zhuǎn)換為dom對(duì)象var $arr = $("#id");var a = $arr[0];alert(a.checked);//通過(guò)jQuery 自己提供的方法getvar $arr = $("#id");var a = $arr.get(0);alert(a.checked); //dom 轉(zhuǎn) jQuery 對(duì)象var arr - document.getElementById("#id");var $a = $(arr);

3.是否存在的判斷方式

//判斷方式if (cr.checked) {}; //dom方式判斷if ($cr.is(:checked)) {}; //jQuery方式判斷

4.　解決jQuery 庫(kù)和其他庫(kù)(prototype.js)的沖突　

//解決jQuery 庫(kù)和其他庫(kù)(prototype.js)的沖突jQuery.noConflict();//將變量$的控制權(quán)移交給prototype.jsjQuery(function(){jQuery("p").click(function(){alert(jQuery(this).text)});});$("#pp").style.display = 'none' ; //使用prototype//先倒入jQuery 庫(kù)，這樣就可以直接使用“jQuery”來(lái)做jQuery的工作，同時(shí)$()方法作為其他庫(kù)的快捷方式，無(wú)需調(diào)用jQuery.noConflict()函數(shù)。

5.選擇器

（1）基本選擇器

（2）層次選擇器

（3）過(guò)濾選擇器

1）.基本過(guò)濾選擇器

? ? ? ? ? ? ?

??

? ? ?

? ? ? ? ? ? ? ?

?

（4）表單選擇器　　

圖片新聞?lì)A(yù)覽效果，點(diǎn)擊到圖片上顯示大圖預(yù)覽

$(function(){$("a.tooltip").mouseover(function(e){var tip = "<div id='tooltip'><img src='"+this.href+"' title='"+this.title+"'/>"+this.title+"</div>";$("body").append(tip);$("#tooltip").css({"top":e.pageY+"px","left":e.pageX+"px"}).show("fast");}).mouseout(function(){$("#tooltip").remove();}); });

　　

　

轉(zhuǎn)載于:https://www.cnblogs.com/estellez/p/4235364.html

總結(jié)

以上是生活随笔為你收集整理的jQuery常用的选择器的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。