天天看點

Jquery真的不難~第二回 選擇器的使用及性能

從這一講開始,我們将直正接觸一個JQ類庫,學習一下JQ的寫法,JQ的一些常用的指令等等,今天主要講的是JQ裡的選擇器,這也是JQ的一大特點,這從它的名稱jQuery中可以看到,主要功力展現在查詢上。

前言:對于寫在<script></script>中的代碼,一般在JS環境,我們一般把代碼寫在window.onload=function(){...}代碼塊裡,這個意思是說,當頁面加載完成後,再執行JS代碼塊,而對于JQ來說,它也有類似的方法$(function(){...});我們把代碼段寫在這裡面。有時如果不想那樣寫(這樣寫一般把JS代碼放在了<head></head>标記裡,但這樣會影響頁面加載的速度),可以把JS代碼寫在<body></body>的最底下。

ID選擇器

類選擇器

特殊選擇器

下面有一些選擇器的技巧,需要我們去了解

上面我列出了項目中經常用到了一些選擇器,事實上隻要了解了它們的直正含義,我們每個人都可以寫了特定的JQ代碼,當然代碼的效率是否高效還需要我們自己進一步的努力,

總之實作基本的需求的功能,隻是第一步!

小知識:$("#...")這些選擇器的傳回值其時是一個JQ對象,而它可以直接操作JQ的内部事件,如click,mouseover等事件

好了,總算是把JQ選擇器這塊寫完了,謝謝您的閱讀!

繼續閱讀