首頁(yè)技術(shù)文章正文

jQuery中有哪些常用操作?

更新時(shí)間:2022-08-23 來(lái)源:黑馬程序員 瀏覽量:

IT培訓(xùn)班

jQuery的常用操作包括選擇器的使用、元素對(duì)象的操作、事件的綁定、鏈?zhǔn)骄幊痰?。接下?lái)介紹jQuery的一些常用操作,以使讀者快速體驗(yàn)jQuery的語(yǔ)法特點(diǎn)。

1.選擇器的使用

jQuery選擇器用于獲取網(wǎng)頁(yè)元素對(duì)象,然后對(duì)其進(jìn)行操作。示例代碼如下。

<div id="myId"></div>
<script>
    $('#myId');                     //獲取id值為myId的元素對(duì)象
</script>

2.元素對(duì)象的操作

jQuery中對(duì)獲取的元素對(duì)象可以進(jìn)行一系列的操作。例如,元素的取值、賦值、屬設(shè)置等。示例代碼如下。

<div id="myId">content</div>
<script>
    //①獲取元素的內(nèi)容
    var html = $('#myId').html();
    alert(html);                     //輸出結(jié)果:content
    //②設(shè)置元素的內(nèi)容
    $('#myId').html('Hello');        //執(zhí)行后,同頁(yè)中元素的內(nèi)容變?yōu)镠ello
</script>

3.事件的綁定

jQuery中事件一般直接綁定在元素上。例如,為指定元素對(duì)象綁定單擊事件。示例代碼如下

<button>say hello</button>
<script>
     //為button元素綁定單擊(click)事件,參數(shù)是事件的處理程序
     $('button').click(function() {
          alert('Hello');
     }):
</seript>

4.鏈?zhǔn)骄幊?/strong>

jQuery中支持多個(gè)方法鏈?zhǔn)秸{(diào)用的形式,讓開(kāi)發(fā)者在完成相同功能的情況下,編寫(xiě)最少的代碼。示例代碼如下。

<ul>
    <1i>0</li> <li>1</li>
    <1i>2</li> <li>3</li>
</ul>
<script>    
    //將u1中索引為2的li元素的內(nèi)容設(shè)置為He11o  
    $('ul').find('li').eq(2).html('Hello');
</script>

以上示例中涉及的知識(shí)點(diǎn)將在本書(shū)后面的章節(jié)中一一講解,讀者此時(shí)只需對(duì)jQuery語(yǔ)法和使用有初步印象即可。



分享到:
和我們?cè)诰€交談!