JQuery中的元素选择器
生活随笔
收集整理的這篇文章主要介紹了
JQuery中的元素选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
元素選擇器
元素選擇器：根據給定（html）標記名稱選擇所有的元素
表示方式為：$( “element” )
搜索指定元素標簽名的所有節點，這個是一個合集的操作。同樣的也有原生方法getElementsByTagName()函數支持
下面編輯器代碼使用兩種方式獲取并設置CSS屬性：
<!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">//通過原生方法處理//獲取到所有的節點標記名為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//標簽是可以多個的，所以得到的同樣也是一個集合$("div").css("border", "3px solid red");</script> </body></html>第一組：通過getElementsByTagName方法得到頁面所有的
元素var divs = document.getElementsByTagName(‘div’);
divs是dom合集對象，通過循環給每一個集合中的div元素賦予新的boder樣式
第二組：同樣的效果，$(“div”)選取所有的div元素，通過css方法直接賦予樣式
總結
以上是生活随笔為你收集整理的JQuery中的元素选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： JQuery中的类选择器
- 下一篇： JQuery中的全选择器（通配符）