jQuery元素選擇器實(shí)例代碼
本文實(shí)例為大家分享了jQuery元素選擇器的具體代碼,供大家參考,具體內(nèi)容如下
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> div { width: 100px; height: 90px; float: left; padding: 5px; margin: 5px; background-color: #EEEEEE; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> </head> <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"> //通過(guò)原生方法處理 //獲取到所有的節(jié)點(diǎn)標(biāo)記名為div的元素 //給每一個(gè)div加上藍(lán)色的邊框 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"> //通過(guò)jQuery直接傳入標(biāo)簽名p //標(biāo)簽是可以多個(gè)的,所以得到的同樣也是一個(gè)合集 $("p").css("border", "3px solid red"); </script> </body> </html>
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- jquery之Document元素選擇器篇
- 原生的html元素選擇器類(lèi)似jquery選擇器
- jQuery表單元素選擇器代碼實(shí)例
- jQuery選擇器之表單元素選擇器詳解
- jQuery元素選擇器用法實(shí)例
- jQuery選擇器之子元素選擇器詳解
- jquery選擇器排除某個(gè)DOM元素的方法(實(shí)例演示)
- jquery 屬性選擇器(匹配具有指定屬性的元素)
- jQuery選擇器總結(jié)之常用元素查找方法
- jQuery層次選擇器選擇元素使用介紹
- jquery基本選擇器匹配多個(gè)元素的實(shí)現(xiàn)方法
- jQuery中元素選擇器(element)簡(jiǎn)單用法示例
相關(guān)文章
jQuery動(dòng)態(tài)增減行的實(shí)例代碼解析(推薦)
這篇文章主要介紹了jQuery動(dòng)態(tài)增減行的實(shí)例代碼解析,本文圖文并茂給大家介紹的非常詳細(xì),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12Jquery回調(diào)對(duì)象與延遲對(duì)象用法詳解
本文詳細(xì)講解了Jquery回調(diào)對(duì)象與延遲對(duì)象的用法,文中通過(guò)示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2022-05-05jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值用法實(shí)例
這篇文章主要介紹了jQuery使用attr()方法同時(shí)設(shè)置多個(gè)屬性值的用法,實(shí)例分析了jQuery中attr方法實(shí)現(xiàn)多個(gè)屬性設(shè)置的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery構(gòu)造函數(shù)init參數(shù)分析
這篇文章主要介紹了jQuery構(gòu)造函數(shù)init參數(shù)分析,今天主要是分析一下jQuery中init選擇器構(gòu)造函數(shù),處理選擇器函數(shù)中的參數(shù),感興趣的朋友可以了解下2015-05-05jQuery插件開(kāi)發(fā)精品教程(讓你的jQuery更上一個(gè)臺(tái)階)
這篇jQuery插件開(kāi)發(fā)教程是小編見(jiàn)過(guò)的最詳細(xì)的了,每個(gè)解說(shuō)都很好,對(duì)于想做增強(qiáng)插件的朋友確實(shí)不錯(cuò)的參考資料,特分享下,方便需要的朋友2015-11-11jQuery 跨域訪(fǎng)問(wèn)解決原理案例詳解
這篇文章主要介紹了jQuery 跨域訪(fǎng)問(wèn)解決原理案例詳解的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-07-07jquery插件實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片右側(cè)顯示大圖的效果(類(lèi)似淘寶)
分享一個(gè)jquery插件:實(shí)現(xiàn)類(lèi)似淘寶上鼠標(biāo)經(jīng)過(guò)圖片右側(cè)顯示大圖的效果,感興趣的朋友可以研究下,或許對(duì)你學(xué)習(xí)jquery有所幫助,千萬(wàn)不要錯(cuò)過(guò)啊2013-02-02jQuery ajax serialize() 方法使用示例
serialize() 方法創(chuàng)建以標(biāo)準(zhǔn) URL 編碼表示的文本字符串,下面為大家介紹下jQuery serialize方法的使用2014-11-11