jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
CSS3充分吸收多年了web發(fā)展的需求,吸收了很多新穎的特性。例如border-radius
css3特性中最令人興奮的莫過于選擇器的增強(qiáng),例如屬性選擇器可以根據(jù)某個(gè)屬性值來選擇標(biāo)記,位置選擇器可以根據(jù)子元素的位置來選擇標(biāo)記。
在目前很多使用的很多瀏覽器,例如IE7,主要支持css2.大部分屬性選擇器都不理想。
正是因?yàn)闉g覽器對(duì)css3的兼容性問題。各個(gè)瀏覽器都未對(duì)其做更好的標(biāo)準(zhǔn)支持。
jQuery通過預(yù)先的javascript編程,提供了幾乎所有css3標(biāo)準(zhǔn)下的選擇器。開發(fā)者可以利用這些選擇器輕松選擇各種元素。供javascript編程使用。
<script type="text/javascript">
$(function() {
$("li:nth-child(2)").addClass("altcss");
});
</script>
以上使用選擇器li:nth-child(2),表示選擇<li>中的第二個(gè)元素標(biāo)記。并且可以在ie7和chorme瀏覽器中測(cè)試通過。
關(guān)于瀏覽器兼容性,其實(shí)是一個(gè)永恒的話題,從IE出現(xiàn)開始就一直在討論,這里僅僅簡(jiǎn)單提供個(gè)思路,小伙伴們自由擴(kuò)展吧。
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- zShowBox 圖片放大展示jquery版 兼容性
- jquery.simple.tree插件 更簡(jiǎn)單,兼容性更好的無限樹插件
- jQuery的寫法不同導(dǎo)致的兼容性問題的解決方法
- jQuery插件Zclip實(shí)現(xiàn)完美兼容個(gè)瀏覽器點(diǎn)擊復(fù)制內(nèi)容到剪貼板
- js與jQuery實(shí)現(xiàn)的兼容多瀏覽器Ajax請(qǐng)求實(shí)例
- 兩種方法基于jQuery實(shí)現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery.event兼容各瀏覽器的event詳細(xì)解析
- jquery實(shí)現(xiàn)兼容瀏覽器的圖片上傳本地預(yù)覽功能
- jquery實(shí)現(xiàn)簡(jiǎn)單的拖拽效果實(shí)例兼容所有主流瀏覽器
- jquery select動(dòng)態(tài)加載選擇(兼容各種瀏覽器)
- jQuery解決瀏覽器兼容性問題案例分析
相關(guān)文章
jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)滾輪動(dòng)態(tài)改變樣式或效果,需要的朋友可以參考下2015-01-01
jQuery實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)硪黄猨Query實(shí)現(xiàn)圖片向左向右切換效果的簡(jiǎn)單實(shí)例。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
JQuery復(fù)制DOM節(jié)點(diǎn)的方法
這篇文章主要介紹了JQuery復(fù)制DOM節(jié)點(diǎn)的方法,涉及jQuery中clone與appendTo方法的使用技巧,需要的朋友可以參考下2015-06-06
用JQuery實(shí)現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼
用JQuery實(shí)現(xiàn)表格隔行變色和突出顯示當(dāng)前行的代碼,需要的朋友可以參考下2012-02-02
jQuery表單驗(yàn)證插件formValidator(改進(jìn)版)
隨著jQuery被越來越多的人使用,基于jQuery的表單驗(yàn)證插件,也從無到現(xiàn)在比較流行的已經(jīng)有10個(gè)左右了2012-02-02
jQuery mobile類庫使用時(shí)加載導(dǎo)航歷史的方法簡(jiǎn)介
這篇文章主要介紹了jQuery mobile開發(fā)中加載導(dǎo)航歷史的方法,jQuery mobile是jQuery針對(duì)移動(dòng)設(shè)備開發(fā)的JavaScript庫,需要的朋友可以參考下2015-12-12

