Welcome 微信登录

首页 / 脚本样式 / JavaScript

jQuery学习笔记之jQuery中的$

jQuery学习笔记之jQuery中的$

在jQuery中,最常用的莫过于使用美元符号$,它提供了各种各样的丰富功能。包括选择页面中一个或者一类元素、作为功能函数的前缀、windows.onload的完善,创建DOM节点等。本文介绍jQuery的用法。作为基础1.选择器在css中,选择器的作用是选择页面的某一类(类别选择器)元素或者某个(id选择器)。而jQuery中的“$”作为选择器,同样是选择某类或者某个元素,只不过jQuery提供了更全面的选择方式。而且为用户处理了浏览器兼容问题。例如在在c...
jQuery使用之处理页面元素用法实例

jQuery使用之处理页面元素用法实例

本文实例讲述了jQuery使用之处理页面元素用法。分享给大家供大家参考。具体分析如下:对于页面的元素,在DOM编程中可以通过各种查询、修改手段进行管理,非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。这里将介绍一些常用的内容。1.直接获取、编辑内容。在jQuery中,主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性,添加参数html(te...
jQuery自定义添加

jQuery自定义添加"$"与解决"$"冲突的方法

本文实例讲述了jQuery自定义添加"$"与解决"$"冲突的方法。分享给大家供大家参考。具体分析如下:1.自定义添加$虽然jQuery很强大,但无论如何,jQuery都不可能满足所有用户的需求,而且有一些需求十分小众,也不适合放到整个jQuery框架中,正是因为这一点,jQuery提供了用户自定义添加“$”的方法。代码如下:复制代码 代码如下:$.fn.disable = function() {return this.each(function() { ...
jQuery浏览器CSS3特写兼容实例

jQuery浏览器CSS3特写兼容实例

本文实例讲述了jQuery浏览器CSS3特写兼容的方法。分享给大家供大家参考。具体分析如下:CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radiuscss3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记。在目前很多使用的很多浏览器,例如IE7,主要支持css2.大部分属性选择器都不理想。正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更...
jQuery学习笔记之2个小技巧

jQuery学习笔记之2个小技巧

1.jQuery功能函数前缀在javascript中,开发者通常会编写一些小函数来处理各种操作细节,例如在用户提交表单时,要将文本框最前端和最末端的空格内容清理掉。而javascript中没有类似trim()功能,在师院jQuery后,便可以使用trim()函数。trim()函数是jQuery对象的一个方法,使用以下例子复制代码 代码如下:<script type="text/javascript"> var sString = " 12345...
jQuery中on()方法用法实例

jQuery中on()方法用法实例

本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下:此方法可以在匹配元素上绑定一个或者多个事件处理函数。使用off()方法可以删除on()方法绑定的事件。语法结构一:复制代码 代码如下:$(selector).on(events,[selector],[data],fn)参数列表:参数描述events一个或多个用空格分隔的事件类型和可选的命名空间。selector可选。一个选择器字符串,用以过滤选定的元素,该选择器的后裔元素将...
jQuery中bind()方法用法实例

jQuery中bind()方法用法实例

本文实例讲述了jQuery中bind()方法用法。分享给大家供大家参考。具体分析如下:此方法为匹配元素的特定事件绑定事件处理方法。在语法上bind()方法和one()方法是一样的,它们的不同在于绑定的处理方法的执行次数。语法结构一:复制代码 代码如下:$(selector).bind(type,data,function)参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。fun...
jQuery学习笔记之jQuery+CSS3的浏览器兼容性

jQuery学习笔记之jQuery+CSS3的浏览器兼容性

CSS3充分吸收多年了web发展的需求,吸收了很多新颖的特性。例如border-radiuscss3特性中最令人兴奋的莫过于选择器的增强,例如属性选择器可以根据某个属性值来选择标记,位置选择器可以根据子元素的位置来选择标记。在目前很多使用的很多浏览器,例如IE7,主要支持css2.大部分属性选择器都不理想。正是因为浏览器对css3的兼容性问题。各个浏览器都未对其做更好的标准支持。jQuery通过预先的javascript编程,提供了几乎所有css3标准下的...
jQuery的one()方法用法实例

jQuery的one()方法用法实例

本文实例讲述了jQuery的one()方法用法。分享给大家供大家参考。具体分析如下:为匹配元素的特定事件绑定一个一次性的事件处理方法。在语法上one()方法和bind()方法是一样的,它们的不同在于绑定的处理方法的执行次数。语法结构:复制代码 代码如下:$(selector).one(event,data,function)参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。fu...
jQuery中trigger()方法用法实例

jQuery中trigger()方法用法实例

本文实例讲述了jQuery中trigger()方法用法。分享给大家供大家参考。具体分析如下:此方法触发匹配元素指定类型的事件。语法结构一:规定匹配元素被触发的事件类型。复制代码 代码如下:$(selector).trigger(event,param1,param2,...)参数列表:参数描述event规定指定元素要触发的事件。可以是自定义事件(使用 bind() 函数来附加),或者任何标准事件。param可选。传递到事件处理程序的额外参数。额外的参数对自...
jQuery中triggerHandler()方法用法实例

jQuery中triggerHandler()方法用法实例

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

jQuery中unbind()方法用法实例

本文实例讲述了jQuery中unbind()方法用法。分享给大家供大家参考。具体分析如下:此方法移除被选元素的事件处理程序,包括通过bind()方法注册的自定义事件。unbind()方法如果不带参数,则删除所有绑定的事件。 此方法如果提供了事件类型作为参数,则只删除该类型的绑定事件。 如果把在绑定时传递的处理函数作为第二个参数,则只有这个特定的事件处理函数会被删除。语法结构:复制代码 代码如下:$(selector).unbind(type,functio...
jQuery中live()方法用法实例

jQuery中live()方法用法实例

本文实例讲述了jQuery中live()方法用法。分享给大家供大家参考。具体分析如下:此方法为匹配元素添加一个或多个事件,并规定当这些事件发生时运行的函数。特别说明:jQuery1.9已经删除此方法。语法结构:复制代码 代码如下:$(selector).live(type,data,function)参数列表:参数描述type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data可选。定义传递到事件处理函数的额外数据。function定义当事件...
jQuery中die()方法用法实例

jQuery中die()方法用法实例

本文实例讲述了jQuery中die()方法用法。分享给大家供大家参考。具体分析如下:此方法移除所有通过live()方法向指定元素添加的一个或多个事件处理程序。语法结构:复制代码 代码如下:$(selector).die(type,function)参数列表:参数描述type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。function定义当事件发生时运行的函数。实例代码:复制代码 代码如下:<!DOCTYPE html><...
jQuery中delegate()方法用法实例

jQuery中delegate()方法用法实例

本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下:此方法为匹配元素的子元素添加一个或多个事件,并规定当这些事件发生时运行的函数。语法结构:复制代码 代码如下:$(selector).delegate(childofselector,type,data,function)参数列表:参数描述childofselector定义要附加事件处理程序的一个或多个子元素。type可选。定义附加到元素的一个或多个事件类型。由空格...
<< 991 992 993 994 995 996 997 998 999 1000 >>