JQuery 選擇器學習筆記

2021-05-24 21:43:44 字數 1753 閱讀 1669

$("img").removeattr("title");//移除指定元素屬性值

$("p:last").addclass("lastp");//addclass 為指定元素新增class,p:last 為最後乙個p元素

$("p:first").addclass('firstp');//同上,只不過是第乙個p元素

$("p:last").removeclass();//移除指定元素class

$("p").toggleclass("highlight");//為指定元素

$("p").toggle(function(),function());

$("p").click(function())

$("div").eq(1).addclass("hignlight");//第二個div關聯css類別

$("div").text($("img").attr("title"));//為指定元素標籤設定內容,text()用法

var text = $("div").text();//獲取所有div標籤元素內容

var text = $("div.d1").text();//獲取指定class為d1的div標籤元素內容

$("p > a").hide();//隱藏p元素內的子鏈結,不包括孫鏈結

$("p a").hide();//隱藏p元素內的所有子鏈結,包括子、孫鏈結

$("p[@a]").hide();//隱藏屬性中含有a屬性的p標記

$("p:eq(0)").hide();//隱藏第乙個p標記

$("div:visible").hide();//隱藏所有可見div

$("p:lt(5)").css('border','2px solid')//:lt(n) 索引小於n的元素

$("p:gt(2)").css('border','7px solid green')//:gt(n) 索引大於n的元素

$("p:parent").css('background','red');

$("div:contains('tt')").hide();//隱藏所有text包行tt的div元素

$("div:contains('ccc')").css('border','3px dotted');//新增calss為所有text包行ccc的div元素

$("input:text").css('border','2px solid');//input元素下text類新增class

$("input:text",'myform').css('border','3px solid');

$("input[@type]")//屬性含type的所有input元素

$("input[@type=text]").val("change input type text1");//屬性為type屬性值為text的所有input元素

$("input[@type=radio]").val("change input type text1");//屬性為type屬性值為radio的所有input元素

$("img[@src*=sina]").css('border','4px solid');//獲取src屬性中包含sina字元的img元素的所有元素

$("img[@src^=http]").css('color','red');//獲取src屬性中包口 http 字元開始img元素的所有元素

$("img[@src$=gif]").css('background','green');//獲取src屬性中 gif 結束字元的img元素的所有元素

jQuery學習筆記 選擇器

3 jquery四種常見寫法 第一種 function 第二種 document ready function 第三種 jquery function 第四種 jquery document ready function 注 比js裡window.onload事件高效,因為不需要整個文件載入結束去執...

jquery選擇器學習筆記

img removeattr title 移除指定元素屬性值 p last addclass lastp addclass 為指定元素新增class,p last 為最後乙個p元素 p first addclass firstp 同上,只不過是第乙個p元素 p last removeclass 移除...

jQuery學習筆記(三) jQuery選擇器2

4 內容過濾選擇器 內容過濾選擇器根據元素中的文字內容或所包含的子元素特徵獲取元素,其文字內容可以模糊或絕對匹配進行元素定位,其詳細說明如下表所示 內容過濾選擇器語法 選擇器功能返回值 contains text 獲取包含給定文字的元素 元素集合 empty 獲取所有不包含子元素或者文字的空元素 元...