免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
JQuery簡單學習(3)——JQuery選擇器

JQuery簡單學習(3)——JQuery選擇器

文章分類:Web前端

 

選擇器允許您對元素組或單個元素進行操作。

————————————————————
jQuery 選擇器
在前面的章節(jié)中,我們展示了一些有關如何選取 HTML 元素的實例。

關鍵點是學習 jQuery 選擇器是如何準確地選取您希望應用效果的元素。

jQuery 元素選擇器和屬性選擇器允許您通過標簽名、屬性名或內容對 HTML 元素進行選擇。

選擇器允許您對 HTML 元素組或單個元素進行操作。

在 HTML DOM 術語中:

選擇器允許您對 DOM 元素組或單個 DOM 節(jié)點進行操作。
————————————————————
jQuery 元素選擇器
jQuery 使用 CSS 選擇器來選取 HTML 元素。

  • $("p") 選取 <p> 元素。

  • $("p.intro") 選取所有 class="intro" 的 <p> 元素。

  • $("p#demo") 選取 id="demo" 的第一個 <p> 元素。
————————————————————
jQuery 屬性選擇器
jQuery 使用 XPath 表達式來選擇帶有給定屬性的元素。

  • $("[href]") 選取所有帶有 href 屬性的元素。

  • $("[href='#']") 選取所有帶有 href 值等于 "#" 的元素。

  • $("[href!='#']") 選取所有帶有 href 值不等于 "#" 的元素。

  • $("[href$='.jpg']") 選取所有 href 值以 ".jpg" 結尾的元素。
————————————————————
jQuery CSS 選擇器
jQuery CSS 選擇器可用于改變 HTML 元素的 CSS 屬性。

下面的例子把所有 p 元素的背景顏色更改為紅色:
Js代碼
  1. <html>   
  2. <head>   
  3. <script type="text/javascript" src="/jquery/jquery.js"></script>   
  4. <script type="text/javascript">   
  5. $(document).ready(function(){   
  6.   $("button").click(function(){   
  7.     $("p").css("background-color","yellow");   
  8.   });   
  9. });   
  10. </script>   
  11. </head>   
  12.   
  13. <body>   
  14. <h2>This is a heading</h2>   
  15. <p>This is a paragraph.</p>   
  16. <p>This is another paragraph.</p>   
  17. <button type="button">Click me</button>   
  18. </body>   
  19.   
  20. </html>  
 ————————————————————
更多的實例
語法 描述 
  • $(this) 當前 HTML 元素 
  • $("p") 所有 <p> 元素 
  • $("p.intro") 所有 class="intro" 的 <p> 元素 
  • $(".intro") 所有 class="intro" 的元素 
  • $("#intro") id="intro" 的第一個元素 
  • $("ul li:first") 每個 <ul> 的第一個 <li> 元素 
  • $("[href$='.jpg']") 所有帶有以 ".jpg" 結尾的 href 屬性的屬性 
  • $("div#intro .head") id="intro" 的 <div> 元素中的所有 class="head" 的元素 

本站僅提供存儲服務,所有內容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權內容,請點擊舉報。
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
jQuery 選擇器
一篇文章帶你了解JavaScript htmldom 元素
HTML選擇器詳解
jQuery總結
前端知識
關于Jquery選擇器的介紹?
更多類似文章 >>
生活服務
分享 收藏 導長圖 關注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服