jquery選擇器包括哪幾大類

其實基本用法同css選擇器，即通用選擇器（*）、標簽選擇器（p，dl，header等）、類選擇器（.className）、ID選擇器（#IDName）、后代選擇器（“ ”）、子選擇器（）、屬性選擇器（[attribute],[attribute=value],[attribute!=value],[attribute$=value]）、偽類選擇器、群組選擇器。而且有些低版本的IE瀏覽器不支持的，jQuery也能夠兼容支持。

站在用戶的角度思考問題，與客戶深入溝通，找到禹王臺網站設計與禹王臺網站推廣的解決方案，憑借多年的經驗，讓設計與互聯(lián)網技術結合，創(chuàng)造個性化、用戶體驗好的作品，建站類型包括：做網站、網站建設、企業(yè)官網、英文網站、手機端網站、網站推廣、主機域名、虛擬主機、企業(yè)郵箱。業(yè)務覆蓋禹王臺地區(qū)。

使用jQuery按name屬性選擇元素

給定一個HTML文檔，如何使用jQuery按name屬性選擇元素？下面本篇文章就來給大家介紹一下使用jQuery按name屬性選擇元素的方法，希望對大家有所幫助。

在jQuery中，可以使用2個方法通過name屬性選擇元素；下面就來通過示例來介紹一下。

方法1：使用name屬性選擇器

name屬性選擇器可用于按name屬性選擇元素。此選擇器選擇值與指定值完全相等的元素。

語法：

示例：

輸出：

方法2：使用javascript按名稱獲取元素并將其傳遞給jQuery

可以使用javascript getElementsByName()方法選擇所需的元素，并將其傳遞給jQuery函數，以進一步用作jQuery對象。

語法：

示例：

輸出：

更多 web開發(fā) 相關知識，請查閱 HTML中文網 ?。?/p>

jquery的選擇器有哪些

1、基本選擇器：

#id 、element 、.class 、* 、selector1,selector2,selectorN

2、層次選擇器：

ancestor descendant 、parent child 、prev + next 、prev ~ siblings

3、基本過濾器選擇器

:first 、:last 、:not 、:even 、:odd 、:eq 、:gt 、:lt 、:header 、

:animated

4、內容過濾器選擇器

:contains 、:empty 、:has 、:parent

5、可見性過濾器選擇器

:hidden 、:visible

6、屬性過濾器選擇器

[attribute] 、[attribute=value] 、[attribute!=value] 、[attribute^=value] 、[attribute$=value] 、[attribute*=value] 、[attrSel1][attrSel2][attrSelN]

7、子元素過濾器選擇器

:nth-child 、:first-child 、:last-child 、:only-child

8、表單選擇器

:input 、:text 、:password 、:radio 、:checkbox 、:submit 、:image 、:reset 、:button

、:file 、:hidden

9、表單過濾器選擇器

:enabled 、:disabled 、:checked 、:selected

Jquery的屬性選擇器

!DOCTYPE?html

html

head

titleDemo/title

/head

body

div?name?=?"userName"?id?=?"div1"/div

div?name?=?"please"?id?=?"div2"/div

div?name?=?"bike"?id?=?"div3"/div

div?name?=?"thanks"?id?=?"div4"/div

/body

script

src=""

integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="

crossorigin="anonymous"/script

script?type="text/javascript"

var?$name1?=?$("[name='userName']");//?獲取name屬性的值等于userName的頁面元素

var?$name2?=?$("[name^='p']");//?獲取name屬性的值以p為首字母的頁面元素

var?$name3?=?$("[name$='e']");//?獲取name屬性的值以e結尾的頁面元素

var?$name4?=?$("[name*='a']");//?獲取name屬性的值包含a的頁面元素

console.log($name1,$name2,$name3,$name4)

/script

/html

這些屬性選擇器在jquery官方文檔上都有示例和詳細的描述

網頁鏈接

網站名稱：jquery的屬性選擇器,jquery屬性選擇器的基本
新聞來源：http://www.rwnh.cn/article14/dssohde.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供做網站、品牌網站建設、網站設計、用戶體驗、外貿建站、網站制作

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)