jQuery浏览器CSS3特写兼容实例_jquery

本文实例讲述了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程序设计有所帮助。

时间: 2024-12-28 20:21:17

jQuery浏览器CSS3特写兼容实例_jquery的相关文章

jQuery进行组件开发完整实例_jquery

本文实例讲述了jQuery进行组件开发的方法,分享给大家供大家参考,具体如下: 前面的<JavaScript组件开发>分析了JavaScript进行组件开发的技巧,这里分析使用jQuery进行组件开发的方法. 使用jQuery进行组件开发和使用纯JavaScript脚本(不使用框架)原理基本类似,特别是公共方法的组织是一样的. 不同点是,jQuery使用了插件机制,通过$()直接进行操作对象(DOM元素)绑定,然后对DOM元素或HTML代码进行绑定事件等的操作. 另一个不同点则是把jQuery

jquery自适应布局的简单实例_jquery

代码整理 - uix.layout.js /** * Grace [jQuery.js] * * UIX页面布局 * 290353142@qq.com * exp: * $.uix.layout();//执行布局 * class="uix-layout-container";//标识布局容器 * class="uix_box";//用于调整 布局时将此元素高度铺满父容器(支持设置padding\margin\border) * 例: html1:div中 <d

jQuery的context属性用法实例_jquery

本文实例讲述了jQuery的context属性用法.分享给大家供大家参考.具体分析如下: 此属性可以返回传给jQuery()的原始DOM节点内容,即jQuery()方法的第二个参数值.如果jQuery()方法没有指定此参数,那么context指向当前文档(document).语法结构: 复制代码 代码如下: $("selector").context 实例代码: 实例一: 复制代码 代码如下: <!DOCTYPE html> <html> <head>

jQuery中replaceWith()方法用法实例_jquery

本文实例讲述了jQuery中replaceWith()方法用法.分享给大家供大家参考.具体分析如下: 此方法将所有匹配的元素替换成指定的HTML或DOM元素. 需要注意的是此方法是追加内容,也就是原来的内容还在. 特别说明: HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染. 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染. 语法结构: 复制代码 代码如下: $(selector).replaceWith(content) 参数列表:

jQuery中before()方法用法实例_jquery

本文实例讲述了jQuery中before()方法用法.分享给大家供大家参考.具体分析如下: 此方法可向每个匹配元素的外部的前部追加HTML内容. 特别说明: 此方法是追加内容,也就是原来的内容还在. HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染. 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染. 语法结构: 复制代码 代码如下: $(selector).before(content) 实例代码: 实例一: 复制代码 代码如下: <

jQuery实现的五子棋游戏实例_jquery

本文实例讲述了jQuery实现的五子棋游戏.分享给大家供大家参考.具体如下: 这是一款非常不错的代码,就是人工智能方面差了一点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999

一个简单的jQuery插件制作 学习过程及实例_jquery

一,首先,制作jQuery插件需要一个闭包 复制代码 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? a) 避免全局依赖. b) 避免第三方破坏. c) 兼容jQuery操作符'$'和'jQuery ' 二,有了闭包,在其中加入插件的骨架 复制代码 代码如下: $.fn.dBox = function (options) { var defaults = { //各种属性

jQuery中triggerHandler()方法用法实例_jquery

本文实例讲述了jQuery中triggerHandler()方法用法.分享给大家供大家参考.具体分析如下: 此方法触发被选元素的指定事件类型.从上面定义可以看出此方法和trigger()方法功能上很类似,但还是有巨大区别.以下是主要区别: 1.此方法不会触发浏览器默认事件. 2.此方法触发jQuery对象集合中第一个元素的事件处理函数,不会产生事件冒泡. 3.此方法的返回的是事件处理函数的返回值,而不是据有可链性的jQuery对象. 语法结构: 复制代码 代码如下: $(selector).tr

jQuery中after()方法用法实例_jquery

本文实例讲述了jQuery中after()方法用法.分享给大家供大家参考.具体分析如下: 此方法可向每个匹配元素的外部的尾部追加HTML内容. 特别说明: 此方法是追加内容,也就是原来的内容还在. HTML内容就是内容中可以包含HTML标签,并且能够被浏览器渲染. 文本内容是先将内容中的HTML预定义字符转换成html字符实体,这样HTML标签就不会被渲染. 语法结构: 复制代码 代码如下: $(selector).after(content) 实例代码: 实例一: 复制代码 代码如下: <!D