日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jQuery基础之(二)jQuery中的$

發布時間:2025/4/5 编程问答 24 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jQuery基础之(二)jQuery中的$ 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

在jQuery中,最常用的莫過于使用美元符號$,它提供了各種各樣的豐富功能。包括選擇頁面中一個或者一類元素、作為功能函數的前綴、windows.onload的完善,創建DOM節點等。本文介紹jQuery的用法。作為基礎

1.選擇器

在css中,選擇器的作用是選擇頁面的某一類(類別選擇器)元素或者某個(id選擇器)。而jQuery中的“$”作為選擇器,同樣是選擇某類或者某個元素,只不過jQuery提供了更全面的選擇方式。而且為用戶處理了瀏覽器兼容問題。

例如在在css<h2>下的<a>元素,css:

h2 a{ /* 添加css屬性 */}

在jQuery中,通過以下代碼選擇h2下的a元素,作為一個對象數組,供javascript使用。

$("H2 a")

例子:

<body> <script type="text/javascript">window.onload = function() {var oElements = $("h2 a"); //選擇匹配元素for (var i = 0; i < oElements.length; i++)oElements[i].innerHTML = i.toString();}</script><h2><a href="#">正文</a>內容</h2><h2>正文<a href="#">內容</a></h2><h2>正文<a href="#">內容</a></h2><h2>正文<a href="#">內容</a></h2><h2>正文<a href="#">內容</a></h2></body>

如上,文檔中有5個<H2>標記,分別包含了<a>元素,使用$選擇器,如下,可以看到jQuery輕松的實現了元素的選擇,如果使用DOM,類似這樣的節點將要使用大量的javascript代碼。

jQuery中選擇器的通用語法如下

$(selector)

或者

jQuery(selector)

其中,selector符合css標準,甚至css3的標準

例如:

$("#showDiv")

id選擇器,這相當于javascript中,document.getElementById("shouDiv"),可以看到jQuery的變色方法簡潔很多。

$(".newClass")

類別選擇器,選擇css類別為"newClass"元素的節點,在javascript要實現相同的選擇,需要用for循環遍歷整個DOM

$("p:odd")

選擇所有奇數行的p元素,幾乎所有的標記都可以使用 ":odd"和":even"選擇奇偶的選擇。

$("td:nth-child(1)")

選擇所有表格行的第一個單元格,就是第一列。這在修改表格的某一列是非常有用的,不再需要一行行的遍歷表格。

$("li>a")

子選擇器,返回<li>下標記的<a>元素,不包括孫元素標記

$("a[herf$=pdf]")

屬性選擇器,選擇所有超鏈接,并且這些鏈接是以pdf結尾的。有了屬性選擇器,可以很好的選擇頁面中各種特性的元素

轉載于:https://www.cnblogs.com/ahthw/p/4231346.html

總結

以上是生活随笔為你收集整理的jQuery基础之(二)jQuery中的$的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。