jQuery學(xué)習(xí)筆記之jQuery+CSS3的瀏覽器兼容性
CSS3充分吸收多年了web發(fā)展的需求,吸收了很多新穎的特性。例如border-radius
css3特性中最令人興奮的莫過于選擇器的增強,例如屬性選擇器可以根據(jù)某個屬性值來選擇標(biāo)記,位置選擇器可以根據(jù)子元素的位置來選擇標(biāo)記。
在目前很多使用的很多瀏覽器,例如IE7,主要支持css2.大部分屬性選擇器都不理想。
正是因為瀏覽器對css3的兼容性問題。各個瀏覽器都未對其做更好的標(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>中的第二個元素標(biāo)記。并且可以在ie7和chorme瀏覽器中測試通過。
關(guān)于瀏覽器兼容性,其實是一個永恒的話題,從IE出現(xiàn)開始就一直在討論,這里僅僅簡單提供個思路,小伙伴們自由擴展吧。
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- zShowBox 圖片放大展示jquery版 兼容性
- jquery.simple.tree插件 更簡單,兼容性更好的無限樹插件
- jQuery的寫法不同導(dǎo)致的兼容性問題的解決方法
- jQuery插件Zclip實現(xiàn)完美兼容個瀏覽器點擊復(fù)制內(nèi)容到剪貼板
- js與jQuery實現(xiàn)的兼容多瀏覽器Ajax請求實例
- 兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery.event兼容各瀏覽器的event詳細(xì)解析
- jquery實現(xiàn)兼容瀏覽器的圖片上傳本地預(yù)覽功能
- jquery實現(xiàn)簡單的拖拽效果實例兼容所有主流瀏覽器
- jquery select動態(tài)加載選擇(兼容各種瀏覽器)
- jQuery解決瀏覽器兼容性問題案例分析
相關(guān)文章
jQuery用noConflict代替$的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query用noConflict代替$的實現(xiàn)方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04jQuery easyui的validatebox校驗規(guī)則擴展及easyui校驗框validatebox用法
這篇文章主要介紹了jQuery easyui的validatebox校驗規(guī)則擴展及easyui校驗框validatebox用法的相關(guān)資料,需要的朋友可以參考下2016-01-01