jQuery選擇器用法實例詳解
本文實例講述了jQuery選擇器用法。分享給大家供大家參考，具體如下：
jQuery 使用兩種方式來選擇 html 的 element，第一種使用CSS和Xpath選擇器聯合起來形成一個字符串來傳送到jQuery的構造器（如：$("div > ul a")）；第二種是用jQuery對象的幾個methods(方法)。這兩種方式還可以聯合起來混合使用。
使用 CSS 和 XPath 選擇器選擇的方法有許多種用法，關于詳細的 CSS 選擇器可參考本站相關文章。
首先來看通過元素的 ID 取得元素：$( "#id" )，在名字前面增加 # 表示這是一個 id，注意引號不要丟掉。
在頁面中增加一個 id 為 msg 的 span 元素，將 helloworld 顯示在 span 元素中，可以如下實現：
<html>
<head>
<title>Hello</title>
<script src="jquery-1.2.5.js" type="text/javascript"></script>
<script type="text/javascript">
$( function() {
$("#msg").html("Hello, world."); } );
</script>
</head>
<body>
<span id="msg"/>
</body>
</html>
注意：#id 需要用引號引起來，有參數的 html 函數用來為元素的 innerHTML 賦值。
下一個例子：
比如我們有一個 list ，它的 ID 是 orderedlist，那么取得這個 list 的引用的 jQuery 就是 $( "#orderedlist" )，為它增加一個值為 red 的 class 屬性 $("#orderedlist").addClass("red")，addClass 函數用來為元素增加 CSS 設置。取得 list 中的最后一個 li 的引用，$( "#orderedlist li:last" )。
下面的例子將最后一個 li 的內容更改為 hello, world.
<html>
<head>
<title>Hello</title>
<script src="jquery-1.2.5.js" type="text/javascript"></script>
<script type="text/javascript">
$( function() {
alert("wait");
$( "#orderedlist li:last" ).html("hello, world.");
} );
</script>
</head>
<body>
<ol id="orderedlist">
<li>First element</li>
<li>Second element</li>
<li>Third element</li>
</ol>
</body>
</html>
希望本文所述對大家jQuery程序設計有所幫助。
相關文章
淺談jquery中的each方法$.each、this.each、$.fn.each
下面小編就為大家?guī)硪黄獪\談jquery中的each方法$.each、this.each、$.fn.each。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
將JavaScript的jQuery庫中表單轉化為JSON對象的方法
這篇文章主要介紹了將JavaScript的jQuery庫中表單轉化為JSON對象的方法,包括對序列化時空格問題的處理方法,需要的朋友可以參考下2015-11-11
jQuery創(chuàng)建自定義的選擇器用以選擇高度大于100的超鏈接實例
這篇文章主要介紹了jQuery創(chuàng)建自定義的選擇器用以選擇高度大于100的超鏈接,實例分析了jQuery自定義選擇器的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了jQuery布局組件EasyUI Layout的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
今天在做系統(tǒng)測試的時候，原本用Jquery寫了一個動態(tài)加載的樹形菜單，發(fā)現在IE7下無法加載數據，(采用的是jquery1.3.2版本的$.ajax方法)，上網查詢到原來是IE7的執(zhí)行ajax是用XMLHTTPRequest來聲明的，經過對比果然如此；后采用以下的方法隨即解決了問題。2009-11-11
這篇文章主要為大家詳細介紹了jQuery實現一組圖片循環(huán)滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-01-01
這篇文章主要介紹了jQuery控制控件文本的長度的操作方法,非常不錯，具有參考借鑒價值，需要的朋友參考下吧2016-12-12
在跟html+ashx打交道的園友們肯定會發(fā)現，這種模式雖然優(yōu)美，但在開發(fā)中會遇到一些難處理的地方。我也不例外，下面是自己在實際開發(fā)中總結出來的幾條經驗，希望跟大家分享，更希望得到大家的建議和更好的解決方法！2011-07-07
這篇文章主要介紹了jquery開發(fā)實現的md5插件，最后返回的是一串十進制數，在jquery1.9.2下測試通過,需要的朋友可以參考下2014-03-03
本文將為大家介紹下在jtable列中如何自定義button，下面有一個不錯的示例，感興趣的朋友可以參考下2013-11-11