1. 程式人生 > >jQuery選擇器ID、CLASS、標籤獲取物件值、屬性、設定css樣式

jQuery選擇器ID、CLASS、標籤獲取物件值、屬性、設定css樣式

jQuery是繼prototype之後又一個優秀的Javascrīpt框架。它是輕量級的js庫(壓縮後只有21k) ,

它相容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的字型大小