jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
CSS3充分吸收多年了web發(fā)展的需求,吸收了很多新穎的特性。例如border-radius
css3特性中最令人興奮的莫過(guò)于選擇器的增強(qiáng),例如屬性選擇器可以根據(jù)某個(gè)屬性值來(lái)選擇標(biāo)記,位置選擇器可以根據(jù)子元素的位置來(lái)選擇標(biāo)記。
在目前很多使用的很多瀏覽器,例如IE7,主要支持css2.大部分屬性選擇器都不理想。
正是因?yàn)闉g覽器對(duì)css3的兼容性問(wèn)題。各個(gè)瀏覽器都未對(duì)其做更好的標(biāo)準(zhǔn)支持。
jQuery通過(guò)預(yù)先的javascript編程,提供了幾乎所有css3標(biāo)準(zhǔn)下的選擇器。開(kāi)發(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ò)。
關(guān)于瀏覽器兼容性,其實(shí)是一個(gè)永恒的話題,從IE出現(xiàn)開(kāi)始就一直在討論,這里僅僅簡(jiǎn)單提供個(gè)思路,小伙伴們自由擴(kuò)展吧。
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- zShowBox 圖片放大展示jquery版 兼容性
- jquery.simple.tree插件 更簡(jiǎn)單,兼容性更好的無(wú)限樹(shù)插件
- jQuery的寫(xiě)法不同導(dǎo)致的兼容性問(wèn)題的解決方法
- 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解決瀏覽器兼容性問(wèn)題案例分析
相關(guān)文章
簡(jiǎn)單實(shí)現(xiàn)jQuery進(jìn)度條輪播實(shí)例代碼
這篇文章主要為大家詳細(xì)介紹了簡(jiǎn)單實(shí)現(xiàn)jQuery進(jìn)度條輪播實(shí)例代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-06-06jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery用noConflict代替$的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04jquery獲取當(dāng)前元素索引值用法實(shí)例
這篇文章主要介紹了jquery獲取當(dāng)前元素索引值用法,實(shí)例分析了jQuery獲取當(dāng)前元素索引在創(chuàng)建圖片輪播效果中的使用技巧,需要的朋友可以參考下2015-06-06jquery實(shí)現(xiàn)最簡(jiǎn)單的滑動(dòng)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)最簡(jiǎn)單的滑動(dòng)菜單效果代碼,涉及jQuery基于鼠標(biāo)事件操作頁(yè)面元素動(dòng)態(tài)變換的基本技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09jQuery easyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法
這篇文章主要介紹了jQuery easyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法的相關(guān)資料,需要的朋友可以參考下2016-01-01jQuery Validate 校驗(yàn)多個(gè)相同name的方法
這篇文章主要介紹了jQuery Validate 校驗(yàn)多個(gè)相同name的方法,需要的朋友可以參考下2017-05-05jquery實(shí)現(xiàn)圖片輪播和滑動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)圖片輪播和滑動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-01-01