本文实例分析了jquery中change()的用法。分享给大家供大家参考。具体分析如下： change()当元素的值发生改变时，会发生 change 事件。该事件仅适用于文本域（text field），以及 textarea 和 select 元素。 当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。 一、change的用法 1、触发 change 事件：触发被选元素的 change 事件 语法: $(selector).ch...
本文实例讲述了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中使文本框获得焦点的方法。分享给大家供大家参考。具体分析如下： 由于JQuery中获得的对象还是JQuery对象，对其使用focus()只是使该对象获得onFocus()函数，不能是对象获得焦点，所以要使对象获得焦点，应该调用DOM对象的focus 方法，即：$("#id")[0].focus();需要注意两个函数之间的区别：$("#id").focus();$("#id")[0].focus();第一个是增加onFocus()时间，一个是使DOM对象获得焦点。 希望本文所述对大家的...
本文实例讲述了jQuery中animate用法。分享给大家供大家参考。具体如下： 这是一个简单的animate函数尝试。代码如下：$(document).ready(function(){ $(".side-box h3").toggle(function(){ $(this).addClass("box-arrow"); $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "slow"); return false; },function(){ $(this).next(".side-text").animate({ height: 'toggle', opacity: 'toggle' }, "s...
本文实例讲述了jQuery实现锚点scoll效果的方法。分享给大家供大家参考。具体实现方法如下：代码如下:$(a[href*=#]).click(function() {if (location.pathname.replace(/^\//,) == this.pathname.replace(/^\//,)&& location.hostname == this.hostname) {var $target = $(this.hash);$target = $target.length && $target|| $([name= + this.hash.slice(1) +]);if ($target.length) {var targetOffset = $target.offset().top;var ...
本文实例讲述了jQuery控制Div拖拽效果的方法。分享给大家供大家参考。具体如下：无标题文档#Drigging { width:200px; background:#CCC; border:solid 1px #666; height:80px; line-height:80px; text-align:center; position:absolute; }$(function(){ var bool=false; //标识是否移动元素 var offsetX=0; //声明DIV在当前窗口的Left值 var offsetY=0; //声明DIV在当前窗口的Top值 $("#Drigging").mouseover(function(){ $(this)....
本文实例讲述了jquery图片切换实现方法。分享给大家供大家参考。具体如下：无标题文档#butt div{width:122px; height:32px; float:left; text-align:center; }function tab_q(now_id) { if(now_id == null) {//alert($("#butt").find("div:visible").attr("id"))c_show_id = $("#cont").find("div:visible").attr("id");//此时显示按钮的ID名称nums_id = c_show_id.substring(1,3);//截取B1后面的1，作为字符串放到C后面b_show_id ...
本文实例讲述了jquery插件bxslider用法。分享给大家供大家参考。具体用法如下： 首先调用对应js文件：jQuery代码部分：$(function(){ $('#marquee').bxSlider({ mode:'vertical', //默认的是水平 displaySlideQty:1,//显示li的个数 moveSlideQty: 1,//移动li的个数 captions: true,//自动控制 auto: true, controls: false//隐藏左右按钮 }); });HTML结构如下:CSS定义左右按钮样式：.bx-prev{ width:12px; height:26px; backgr...
本文实例讲述了JQuery中基础过滤选择器用法。分享给大家供大家参考。具体如下：基础过滤选择器#main{width:600px;border:1px solid green;margin:auto;padding:10px; } #tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto; } #tbl td{width:60px;height:60px;border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid red; }$(function () {//=============举例...
本文实例讲述了JQuery中属性过滤选择器用法。分享给大家供大家参考。具体如下：属性过滤选择器div{width:200px;border:1px solid red;margin:10px auto;} $(function () {//==========举例1================//: $("div[id]") ; 说明: 匹配包含给定属性的元素. 例子中是选取了所有带”id”属性的div标签.showElements($("div[id]"));//==========举例2================//$("div[myTag]='tt2') 匹配给定的属性是某个特定值的元素//匹...
本文实例讲述了jquery表单对象属性过滤选择器用法。分享给大家供大家参考。具体分析如下：表单对象属性过滤选择器$(function () {//=========举例1===========================//:enabled 用法: $(”input:enabled”) 返回值 集合元素//说明: 匹配所有可用元素.意思是查找所有input中不带有disabled=”disabled”的input.不为disabled,//当然就为enabled啦.$("input:enabled").val("我是有效的按钮");//=========举例2============...
本文实例讲述了JQuery中Text方法用法。分享给大家供大家参考。具体如下：JQuery Text方法div{width:100px;margin:0px auto;border:1px solid red;}$(function () {$("#btnSet").click(function () {$("#div1").text("我是设置后的文本"); //兼容火狐}); }); 我是div1我是div2希望本文所述对大家的jQuery程序设计有所帮助。