jQuery選擇器ID、CLASS、標籤獲取物件值、屬性、設定css樣式
阿新 • • 發佈:2018-12-26
jQuery是繼prototype之後又一個優秀的Javascrīpt框架。它是輕量級的js庫(壓縮後只有21k) ,
jQuery由美國人John Resig建立,至今已吸引了來自世界各地的眾多javascript高手加入其team,
包括來自德國的Jörn Zaefferer,羅馬尼亞的Stefan Petre等等。
jQuery其宗旨是——WRITE LESS,DO MORE,寫更少的程式碼,做更多的事情。
例:
它相容CSS3,還相容各種瀏覽器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery使使用者能更方便地處理HTML documents、events、實現動畫效果,並且方便地為網站提供AJAX互動。
jQuery還有一個比較大的優勢是,它的文件說明很全,而且各種應用也說得很詳細,同時還有許多成熟的外掛可供選擇。
jQuery能夠使使用者的html頁保持程式碼和html內容分離,也就是說,不用再在html裡面插入一堆js來呼叫命令了,只需定義id即可。
jQuery由美國人John Resig建立,至今已吸引了來自世界各地的眾多javascript高手加入其team,
包括來自德國的Jörn Zaefferer,羅馬尼亞的Stefan Petre等等。
jQuery其宗旨是——WRITE LESS,DO MORE,寫更少的程式碼,做更多的事情。
例:
<div id="divs" class="clsdiv"></div>
jQuery也可以用$來代替。
根據div的id獲取物件:
1.jQuery("#divs"):id用"#"
2.$("#divs")
根據class獲取物件:
1.jQuery(".clsdiv"):class用"."
2.$(".clsdiv")
根據標籤獲取物件:
jQuery('a'):a標籤直接寫標籤名稱
$('a')
獲取input的值:
$('input').val():val() 在jquery裡面代表獲取value的值
獲取input的屬性:
$('input').attr('class'):class代表屬性的名稱
$('input').attr('class', 'test'):設定input的class為test
設定標籤的css樣式:
$('input').css('font-size'):獲取input的當前字型大小
$('input').css('font-size', '14px'):設定input的字型大小