日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

jquery中有哪幾種類型的選擇器 jquery常用的選擇器

云知道

>
JQuery的選擇器頁面的任何操作都需要節(jié)點的支撐，開發(fā)者如何快速高效的找到指定的節(jié)點也是前端開發(fā)中的一個重點 。jQuery提供了一系列的選擇器幫助開發(fā)者達到這一目的，讓開發(fā)者可以更少的處理復雜選擇過程與性能優(yōu)化，更多專注業(yè)務邏輯的編寫 。
jQuery幾乎支持主流的css1~css3選擇器的寫法，我們從最簡單的也是最常用的開始學起
1、id選擇器：一個用來查找的ID，即元素的id屬性
$( “#id” )
id選擇器也是基本的選擇器，jQuery內(nèi)部使用JavaScript函數(shù)document.getElementById()來處理ID的獲取 。原生語法的支持總是非常高效的，所以在操作DOM的獲取上，如果能采用id的話盡然考慮用這個選擇器 值得注意：id是唯一的，每個id值在一個頁面中只能使用一次 。如果多個元素分配了相同的id，將只匹配該id選擇集合的第一個DOM元素 。但這種行為不應該發(fā)生;有超過一個元素的頁面使用相同的id是無效的
2、類選擇器，顧名思義，通過class樣式類名來獲取節(jié)點
描述：$( “.class” )
類選擇器，相對id選擇器來說，效率相對會低一點，但是優(yōu)勢就是可以多選，同樣的jQuery在實現(xiàn)上，對于類選擇器，如果瀏覽器支持，jQuery使用JavaScript的原生getElementsByClassName()函數(shù)來實現(xiàn)的我們不難發(fā)現(xiàn)：jQuery除了選擇上的簡單，而且沒有再次使用循環(huán)處理不難想到$(“.imooc”).css()方法內(nèi)部肯定是帶了一個隱式的循環(huán)處理，所以使用jQuery選擇節(jié)點，不僅僅只是選擇上的簡單，同時還增加很多關聯(lián)的便利操作，后續(xù)我們還會慢慢的學到其他的優(yōu)勢 。
3、元素選擇器：根據(jù)給定（html）標記名稱選擇所有的元素
描述：$( “element” )
搜索指定元素標簽名的所有節(jié)點，這個是一個合集的操作 。同樣的也有原生方法getElementsByTagName()函數(shù)支持 下例代碼所示：
<body><div class=\"aaron\"><p>class=\"aaron\"</p><p>選中</p></div><div class=\"aaron\"><p>class=\"aaron\"</p><p>選中</p></div><div class=\"imooc\"><p>class=\"imooc\"</p><p>jQuery選中</p></div><div class=\"imooc\"><p>class=\"imooc\"</p><p>jQuery選中</p></div><script type=\"text/javascript\">//通過原生方法處理//獲取到所有的節(jié)點標記名為div的元素//給每一個div加上藍色的邊框var divs = document.getElementsByTagName(\'div\');for (var i = 0; i < divs.length; i++) {divs[i].style.border = \"3px solid blue\";}</script><script type=\"text/javascript\">//通過jQuery直接傳入標簽名p//標簽是可以多個的，所以得到的同樣也是一個合集$(\"p\").css(\"border\", \"3px solid red\");</script></body>復制代碼第一組：通過getElementsByTagName方法得到頁面所有的<div>元素 var divs = document.getElementsByTagName(‘div’); divs是dom合集對象，通過循環(huán)給每一個合集中的<div>元素賦予新的boder樣式 二組：同樣的效果，$(“p”)選取所有的<p>元素，通過css方法直接賦予樣式
4、全選擇器（選擇器）
在CSS中，經(jīng)常會在第一行寫下這樣一段樣式
{padding: 0; margin: 0;}
通配符

    推薦閱讀