本文实例讲述了jQuery中bind()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素的特定事件绑定事件处理方法。 在语法上bind()方法和one()方法是一样的，它们的不同在于绑定的处理方法的执行次数。 语法结构一:代码如下:$(selector).bind(type,data,function) 参数列表:参数描述type定义绑定到匹配元素中的事件类型。如果有多个事件使用空格分隔。data可选。传递给事件对象的额外数据对象。function定义当事件发生...
本文实例讲述了jQuery中delegate()方法用法。分享给大家供大家参考。具体分析如下： 此方法为匹配元素的子元素添加一个或多个事件，并规定当这些事件发生时运行的函数。 语法结构:代码如下:$(selector).delegate(childofselector,type,data,function) 参数列表:参数描述childofselector定义要附加事件处理程序的一个或多个子元素。type可选。定义附加到元素的一个或多个事件类型。由空格分隔多个事件值。data定义传递到事件处理函数...
本文实例讲述了jQuery中trigger()方法用法。分享给大家供大家参考。具体分析如下： 此方法触发匹配元素指定类型的事件。 语法结构一: 规定匹配元素被触发的事件类型。代码如下:$(selector).trigger(event,param1,param2,...) 参数列表:参数描述event规定指定元素要触发的事件。可以是自定义事件（使用 bind() 函数来附加），或者任何标准事件。param可选。传递到事件处理程序的额外参数。额外的参数对自定义事件特别有用。 实例代码...
本文实例讲述了jQuery使用之处理页面元素用法。分享给大家供大家参考。具体分析如下： 对于页面的元素，在DOM编程中可以通过各种查询、修改手段进行管理，非常麻烦。jQuery提供了一整套的方法来处理页面的元素。包括元素的内容、复制、移动和替换等。这里将介绍一些常用的内容。 1.直接获取、编辑内容。 在jQuery中，主要是通过html()和text()两个方法来获取和编辑页面的内容。其中html()相当于获取节点的innerHTML属性，添加参数h...
本文实例讲述了JQuery中的事件及动画用法。分享给大家供大家参考。具体分析如下： 1.bind事件代码如下:$(function () { $("#divid h5.head").bind("click", function () { //bind事件，其中包含三个参数，第一个为事件，第二个为事件 alert($(this).text()); }); $("#divid h5.content").css("display", "none"); //css方法就是可以动态设置标签样式 }); $(function () { $("#btnid").bind("click", function () { if (bool ==...
本文实例讲述了Jquery中find与each方法用法。分享给大家供大家参考。具体如下： 一、find()方法 jquery选择器非常强大，利用css的命名规约，可以更快更方便的找出想要的元素。 比如：$("#id") $("#"+"id") $(this) $(element)等等，只要灵活运用，就能爆发出强大的可造型。 但是在实际使用中，仍然觉得有些不足。 如果想要在某个元素下寻找特定的元素，仅仅依靠上面这个方法，就必须对 $("#id")获取的元素进行遍历，获取其子元素。...
本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 一、change的用法 1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector).ch...
本文实例分析了jQuery on()方法的用法。分享给大家供大家参考。具体分析如下： 一、jQuery on()方法的使用：on(events,[selector],[data],fn) events:一个或多个用空格分隔的事件类型和可选的命名空间，如"click"或"keydown.myPlugin" 。 selector:一个选择器字符串用于过滤器的触发事件的选择器元素的后代。如果选择器为null或省略，当它到达选定的元素，事件总是触发。 data:当一个事件被触发时要传递event.data给事件处理函数。...
本文实例讲述了jquery中filter方法用法。分享给大家供大家参考。具体分析如下： filter()方法将匹配元素集合缩减为匹配指定选择器的元素。 filter方法中的参数可以为字符串值，包含供匹配当前元素集合的选择器表达式。 一、filter的参数类型可分为两种1、传递选择器 $(a).filter(.external) 2、传递过滤函数代码如下:$(a).filter(function(index) {return $(this).hasClass(external); }) 二、Jquery中find与filter区别 1、find()会...
本文实例讲述了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 = a...
本文实例讲述了jQuery中noConflict()用法。分享给大家供大家参考。具体分析如下： jQuery默认使用"$"操作符，$ 符号只是 window.jQuery 对象的一个引用，jQuery.noConflict() ，这个函数将变量$的控制权让渡给第一个实现它的那个库。这有助于确保jQuery不会与其他库的$对象发生冲突。在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。 一、"$"操作符 1、jQuery...
本文实例讲述了JQuery中serialize()用法。分享给大家供大家参考。具体分析如下： 一、serialize()定义和用法： serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 语法： $(selector).serialize() 详细说明 1、.serialize() 方法创建...
本文实例讲述了Jquery的基本对象转换和文档加载用法。分享给大家供大家参考。具体如下：代码如下: "http://www.w3.org/TR/html4/loose.dtd"> New Web Project New Web Project Page var a = $('#but').val(); document.write(a); $(document).ready(function(){ alert("第一种文档加载完成后调用方式！"); }); $(function(){ alert("第二种文档加载完成后调用方式！"); }); $(function(){ var but = $('...
本文实例讲述了jQuery操作JSON的CRUD用法。分享给大家供大家参考。具体实现方法如下：代码如下: Jquery ui // Author By Eric Liang id: name: sex: age: id: name: sex: age: var jsonObj = { teacher: [ { id:'1', name: "Eric", sex: "m", age: "40" }, { id:'2', name: "Ghost", sex: "m", age: "28" }, { id:'3', name: "Didi", sex: "m", age: "27" } ]}; refresh(); function refres...
本文实例讲述了jQuery实现的输入框选择时间插件用法。分享给大家供大家参考。具体实现方法如下：代码如下:jQuery实现的输入框选择时间插件msg time1 time2 time3$('#time').setTime(); $('#time2').setTime({ drag:true, h:[5,20], i:[5,50], s:[5,45], a:0.05, constraint:'', 'starteffect': function(d){ $('#msg').html(d[0]); }, 'onmove':function(e){ $('#msg').html(e[0] + '/' + e[1]) }, zindex:'0', 'cursor':'move', ...