JQuery常用選擇器

2021-08-25 10:07:50 字數 772 閱讀 9237

1、匹配包含有某個屬性的所有元素:

$("div[id]") 檢索出所有具有id屬性的div元素,用法如下:

$("div[id]").one("click", function());

2、匹配具有特定屬性值的所有元素:

$("input[name='newsletter']") 匹配name為newsletter的input元素,用法如下:

$("input[name='newsletter']").next().text(" is newsletter");

3、匹配不具有特定屬性值的所有元素:

$("input[name!='newsletter']").next().text(" is not newsletter");

4、匹配具有特定屬性,並且屬性值是以特定值開始的所有元素:

$("input[@name^='news']").val("news here!");

5、匹配具有特定屬性,並且屬性值包含特定值的所有元素:

$("input[name*='man']").val("has man in it!");

6、匹配具有特定屬性,並且屬性值是以特定值結束的所有元素:

$("input[name$='letter']").val("a letter");

7、匹配具有特定屬性,並且具有特定屬性值的所有元素:

$("input[id][name$='man']").val("only this one");

keyword:jquery ,選擇器

參閱:

jquery 常用選擇器

myelement 選擇id值等於myelement的元素,id值不能重複在文件中只能有乙個id值是myelement所以得到的是唯一的元素 div 選擇所有的div標籤元素,返回div元素陣列 myclass 選擇使用myclass類的css的所有元素 選擇文件中的所有的元素,可以運用多種的選擇方...

jQuery常用選擇器

1.所有的函式大體分為四組 1 dom操作函式 2 事件處理函式 3 動畫函式 4 ajax操作 2.jquery函式的特性 1 幾乎所有的函式都自帶迴圈功能,可以對選中的元素進行遍歷 2 幾乎所有的函式都返回jquery物件本身,可以實現方法的鏈式呼叫 3 jquery物件轉換為dom物件 div...

jquery 常用選擇器

層次選擇器 div p 選取div下的所有的p元素 div p css border 1px solid red 只選取div下的直接子元素 相鄰的元素 divp cs s b orde r 1pxs olid red 與 div nextall p 等價 表示div後面的 所有p兄弟元素 div ...