jQuery浏览器CSS3特写兼容实例
作者:bea
本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下: CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radius css3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记。 在目前很多使用的很多浏览器,例如IE7,主要支持css2.大部分属性选择器都不理想。 正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持
本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下:
CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radius
css3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记。
在目前很多使用的很多浏览器,例如IE7,主要支持css2.大部分属性选择器都不理想。
正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。
jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用。
代码如下:
<script type="text/javascript">
$(function() {
$("li:nth-child(2)").addClass("altcss");
});
</script>
以上使用选择器li:nth-child(2),表示选择<li>中的第二个元素标记。并且可以在ie7和chorme浏览器中测试通过。
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radius
css3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记。
在目前很多使用的很多浏览器,例如IE7,主要支持css2.大部分属性选择器都不理想。
正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。
jQuery通过预先的javascript编程,提供了几乎所有css3标准下的选择器。开发者可以利用这些选择器轻松选择各种元素。供javascript编程使用。
代码如下:
<script type="text/javascript">
$(function() {
$("li:nth-child(2)").addClass("altcss");
});
</script>
以上使用选择器li:nth-child(2),表示选择<li>中的第二个元素标记。并且可以在ie7和chorme浏览器中测试通过。
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 自己动手手写jQuery插件总结
- JavaScript学习心得之概述
- DOM基础教程之使用DOM
- DOM基础教程之模型中的模型节点
- javascript正则表达式使用replace()替换手机号的方法
- javascript正则表达式之search()用法实例
- jQuery中delegate()方法用法实例
- jQuery中die()方法用法实例
- jQuery中live()方法用法实例
- jQuery中unbind()方法用法实例
- jQuery中triggerHandler()方法用法实例
- Javascript与jQuery方法的隐藏与显示
- jQuery中trigger()方法用法实例
- jQuery的one()方法用法实例
- jQuery学习笔记之jQuery+CSS3的浏览器兼容性
- jQuery中bind()方法用法实例
- jQuery中on()方法用法实例
- jQuery学习笔记之创建DOM元素
- jQuery学习笔记之2个小技巧