Jquery

jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有46%使用jQuery,遠遠超過其他庫。微軟公司甚至把jQuery作為他們的官方庫。

jQuery的版本分為1.x系列和2.x、3.x系列,1.x系列兼容低版本的瀏覽器,2.x、3.x系列放棄支持低版本瀏覽器,目前使用最多的是1.x系列的。

jquery是一個函數(shù)庫,一個js文件,頁面用script標簽引入這個js文件就可以使用。

jquery加載

將獲取元素的語句寫到頁面頭部,會因為元素還沒有加載而出錯,jquery提供了ready方法解決這個問題,它的速度比原生的 window.onload 更快。

<script type="text/javascript">

$(document).ready(function(){

? ? ......

});

</script>

可以簡寫為:

<script type="text/javascript">

$(function(){

? ? ......

});

</script>

jquery選擇器

jquery用法思想一?

選擇某個網(wǎng)頁元素,然后對它進行某種操作

jquery選擇器?

jquery選擇器可以快速地選擇元素,選擇規(guī)則和css樣式相同,使用length屬性判斷是否選擇成功。

$(document) //選擇整個文檔對象

$('li') //選擇所有的li元素

$('#myId') //選擇id為myId的網(wǎng)頁元素

$('.myClass') // 選擇class為myClass的元素

$('input[name=first]') // 選擇name屬性等于first的input元素

$('#ul1 li span') //選擇id為為ul1元素下的所有l(wèi)i下的span元素

對選擇集進行修飾過濾(類似CSS偽類)

$('#ul1 li:first') //選擇id為ul1元素下的第一個li

$('#ul1 li:odd') //選擇id為ul1元素下的li的奇數(shù)行

$('#ul1 li:eq(2)') //選擇id為ul1元素下的第3個li

$('#ul1 li:gt(2)') // 選擇id為ul1元素下的前三個之后的li

$('#myForm :input') // 選擇表單中的input元素

$('div:visible') //選擇可見的div元素

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • jquery介紹 jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有...
    甚得朕心閱讀 186評論 0 1
  • 1、document.querySlector() 選擇單個,2、document.quer...
    恬恬i阿萌妹O_o閱讀 145評論 0 0
  • jquery介紹 jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有...
    1263536889閱讀 397評論 0 1
  • jquery介紹 jQuery是目前使用最廣泛的javascript函數(shù)庫。據(jù)統(tǒng)計,全世界排名前100萬的網(wǎng)站,有...
    Promise_18閱讀 132評論 0 0
  • 1、document.querySlector() 選擇單個,2、document.querySlectorAll...
    你猜_e00d閱讀 254評論 0 0

友情鏈接更多精彩內容