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的字體大小


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM