本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 一、change的用法 1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector)....
本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下： filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值，包含供匹配当前元素集合的选择器表达式。 一、filter的参数类型可分为两种 1、传递选择器 $(a).filter(.external) 2、传递过滤函数代码如下:$(a).filter(function(index) { return $(this).hasClass(external); }) 二、Jquery中find与filte...
本文实例分析了jQuery on()方法的用法。分享给大家供大家参考。具体分析如下： 一、jQuery on()方法的使用： on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。 data:当一个事件被触发时要传递event.data给事件处理函...
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下： 一、serialize()定义和用法： serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法： $(selector).serialize() 详细说明 1、.serialize() 方法...
本文实例讲述了JQuery中extend的用法。分享给大家供大家参考。具体分析如下： extend()函数是jQuery的基础函数之一，作用是扩展现有的对象。extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。$.extend(prop) 用于扩展jQuery对象，可以用于把函数添加到jQuery名称空间中。 一、jQuery.extend函数的源码 jQuery.extend = jQuery.fn.extend = function() {var options, name, src, copy, copyIsArray, clone,target = ...
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下： jQuery默认使用"$"操作符，$ 符号只是 window.jQuery 对象的一个引用，jQuery.noConflict() ，这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。 一、"$"操作符 1、jQuery...
本文实例讲述了Jquery中find与each方法用法。分享给大家供大家参考。具体如下： 一、find()方法 jquery选择器非常强大，利用css的命名规约，可以更快更方便的找出想要的元素。 比如： $("#id") $("#"+"id") $(this) $(element) 等等，只要灵活运用，就能爆发出强大的可造型。 但是在实际使用中，仍然觉得有些不足。 如果想要在某个元素下寻找特定的元素，仅仅依靠上面这个方法，就必须对 $("#id")获取的元素进行遍历，获取其子元素...
本文实例讲述了jQuery使用之处理页面元素用法。分享给大家供大家参考。具体分析如下： 对于页面的元素，在DOM编程中可以通过各种查询、修改手段进行管理，非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。这里将介绍一些常用的内容。 1.直接获取、编辑内容。 在jQuery中，主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性，添加参数h...
本文实例讲述了jQuery中triggerHandler()方法用法。分享给大家供大家参考。具体分析如下： 此方法触发被选元素的指定事件类型。 从上面定义可以看出此方法和trigger()方法功能上很类似，但还是有巨大区别。以下是主要区别: 1.此方法不会触发浏览器默认事件。 2.此方法触发jQuery对象集合中第一个元素的事件处理函数，不会产生事件冒泡。 3.此方法的返回的是事件处理函数的返回值，而不是据有可链性的jQuery对象。 语法结构:代码如下...
本文实例讲述了jQuery中live()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素添加一个或多个事件，并规定当这些事件发生时运行的函数。 特别说明:jQuery1.9已经删除此方法。 语法结构:代码如下:$(selector).live(type,data,function) 参数列表:参数描述type定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data可选。定义传递到事件处理函数的额外数据。function定义当事件发生时运行的函数。 实例...
本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。 语法结构:代码如下:$(selector).delegate(childofselector,type,data,function) 参数列表:参数描述childofselector定义要附加事件处理程序的一个或多个子元素。type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data定义传递到事件处理函数...
本文实例讲述了jQuery中on()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以在匹配元素上绑定一个或者多个事件处理函数。 使用off()方法可以删除on()方法绑定的事件。 语法结构一:代码如下:$(selector).on(events,[selector],[data],fn) 参数列表:参数描述events一个或多个用空格分隔的事件类型和可选的命名空间。selector可选。一个选择器字符串，用以过滤选定的元素，该选择器的后裔元素将调用处理程序。如果选择是空...
本文实例讲述了jQuery中bind()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素的特定事件绑定事件处理方法。 在语法上bind()方法和one()方法是一样的，它们的不同在于绑定的处理方法的执行次数。 语法结构一:代码如下:$(selector).bind(type,data,function) 参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。function定义当事件发生...
本文实例讲述了jQuery中ready事件用法。分享给大家供大家参考。具体分析如下： 此事件会在文档加载就绪以后触发，也就是当DOM对象已经加载，并且网页内容全部呈现时候触发。 ready()方法可以为ready事件绑定事件处理方法，并且此方法的选择器是唯一的，那就是document对象。 语法形式有三种，后两种是第一种的简写。 语法结构: 语法一：代码如下:$(document).ready(function) 语法二：代码如下:$().ready(function) 语法三：代码如...
本文实例讲述了jQuery中offsetParent()方法用法。分享给大家供大家参考。具体分析如下： 此方法可以返回匹配元素所有祖先元素中第一个采用定位的祖先元素。 所谓采用定位的父元素就是施加position:relative或者position:absolute(fixed)的元素。 此方法仅对可见元素有效。 语法结构:代码如下:$(selector).offsetParent() 代码实例:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conte...