jQuery 是一个快速、简洁的 JavaScript 框架，封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和...Ajax 交互 选择器 符号$表示 jQuery 对象，$函数通常也被称为 jQuery 的工厂函数，jQuery 的操作基本上都以$( )开始，所有选择器都放在这个括号中，例如$("#title")将返回一个...jQuery 选择的 HTML 元素，在返回 jQuery 对象之后，就可以调用由 jQuery 提供的丰富的 API 来完成相应的操作了 基本选择器，通过元素标签名，元素 ID，Class 来查找...选取 ID 为 item 的元素后面的所有 兄弟元素 过滤选择器，主要是通过特定的过滤规则来筛选出所需的 DOM 元素，过滤规则与 CSS 中的伪类选择器语法相同，即选择器都以一个冒号:开头...button 集合元素 $(":button") 选取所有的按钮 :file 集合元素 $(":file") 选取所有的上传域 :hidden 集合元素 $(":hidden") 选取所有不可见元素 常用方法
$(".selector").val("pxx"); 设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",...true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。...很多时候，中括号的运用可以使得逻辑变得很简单。...获取当前选中项的value $(".selector").val(); 获取当前选中项的text $(".selector").find("option:selected").text(); select...的级联 $(".selector1").change(function(){ // 先清空第二个 $(".selector2").empty(); // 实际的应用中，这里的
1 2 3 4 5 序列化 $("form").serialize();//序列化表格内容为字符串 1 工具方法(jQuery可以使用$代替) jQuery.each(obj,callback);//...遍历对象和数组 jQuery.map();//修改数据 jQuery.grep();//数据筛选,返回一个经过筛选后的数组 jQuery.inArray(value,array);//查找元素的下标 jQuery.merge...(str);//去掉字符串起始和结尾的空格 jQuery.contains(dom1,dom2);//dom1节点是否包含dom2节点 jQuery.type();//返回对象的数据类型 jQuery.isArray...jQuery.isPlainObject();//是否为使用“{}”或“new Object”生成的对象，而不是浏览器原生提供的对象。...jQuery.param(object);//将对象的键值对转化为URL键值对字符串形式 jQuery.proxy();//调整this的指向 --------------------- 作者：三五月儿
11.siblings() siblings() 方法返回被选元素的所有同胞元素。...12.next() next() 方法返回被选元素的下一个同胞元素。...13.nextAll() nextAll() 方法返回被选元素的所有跟随的同胞元素。...19.first()、last()、eq()、filter()、not、 first() 方法返回被选元素的首个元素。 last() 方法返回被选元素的最后一个元素。...eq() 方法返回被选元素中带有指定索引号的元素。 filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
jQuery顶级对象 缩写$ window.jQuery window.$ 第一部分，找对象 其本选择器 $("#id") $(".class") ... html() text() val() 移动，创建，增加，删除dom对像 var $link = $("百度");动态创建jquery...删除当前节点 empty() 清空当前节点之间的内容，节点保留 第三部分，事件,方法 $(funtion(){}); 当面页加载完成时调用,只加载一次.一般写jq都写在里面 ...relatedNode relatedTarget screenX screenY shiftKey srcElement target toElement view wheelDelta which 其它常用的方法.../js/jquery.easyui.min.js" type="text/javascript"> <script src="../..
dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。...2、jQuery对象与dom对象的转换 只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是 jquery对象。...对于jquery对象只能使用jquery的方法，而dom对象只能使用dom的方法，如要获取第三个 元素的内容。...，jquery已经为我们提供的很方便的方法进行集合的处理。...使用jquery中的jQuery.noConflict(); 方法即可把变量$的控制权让渡给第一个实现它的那个库或之前自定义的$方法。
本文转载自博客园，原文地址 http://www.cnblogs.com/xzf158/archive/2008/10/14/logan.html 1.Window.onload 的JQuery方法...type=button)”).click(function(){ $(“img”).unbind(“click”,” fnMyfun1”); //移除事件监听fnMyfun1 }) 10.JQuery...(3000); 还有更多特效如：fadeIn() fadeout() slideUp() slideDown() 11.JQuery的功能虑数 ·浏览器的检测 用$.browser方法 $.browser.verson...，过虑了小于等于4的值 }); 15.数组的转换 var aArray = [“a”,”b”,”c”,”d”]; aArray = $.map(aArray,function(value,index){...return (value.toUpperCase()+index); }); 16.JQuery中使用Ajax $(“#display”).load(“aaa.aspx”); //display
jQuery中为我们提供了很多有用的方法和属性，自己总结的一些常用的函数，方法。个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的，仅供大家学习和参考。...中提供的比较常用的几个动态效果的函数。...这个函数是找出正在处理的元素的后代元素的好方法。...这也是Jquery操作Ajax最常用最有效的方法。...小结：在实际的开发中我们可能会发现21世纪开运网用到其他的方法和属性，以上只是个人认为新手初学jQuery时，必须掌握的一些方法。仅供大家学习的参考。有什么不对的高手指教。
我们经常见到的this就是对象的currentTarget属性，event.target是触发事件的对象 18、jQuery自定义事件之trigger事件 例子： 在jQuery通过on方法绑定一个原生事件...自定义事件对象，是jQuery模拟原生实现的 自定义事件可以传递参数 ---- jQuery基础（四）---动画篇 1、jQuery中元素的隐藏和显示之hide和show方法 （改变样式display...important重写样式 2、jQuery中显示与隐藏切换toggle方法（改变样式display:none/block) toggle方法是上述两个方法的切换 $ele.toggle()...因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面 4、jQuery中上卷下拉切换slideToggle方法（改变元素的高度) slideToggle 方法是上述两个方法的切换 $ele.slideToggle...因为动画是异步的，所以要在动画之后执行某些操作就必须要写到回调函数里面 6、jQuery中淡出淡入切换fadeToggle方法（改变元素的透明度) fadeToggle 方法是上述两个方法的切换 $ele.fadeToggle
jQuery知识点范围：常用方法 核心：写得少做的多，解决浏览器的兼容性问题； DOM对象和jQuery的区别； 将jQuery转化为DOM的两种方法； $(document).ready的作用是等(document...)中的节点都加载完再执行后续的代码； first=div.first() 将div数组的第一个元素赋给first； 绑定了事件的结点不用了要销毁，防止内存泄漏； remove()比empty()好在可以传递选择表达式...； after()相比before()，前者不支持多参数处理(可能只是insertAfter()不支持)； 特殊的删除detach()，删完可以加回来，属于临时删除； clone()只克隆结构，clone...(true)克隆结构和事件； warp()一个一个包裹，wrapAll()所有的作为一个整体被包裹； children()是儿子元素，find()是后代元素，必有参数的； 选择器context是由find...()方法实现的，(‘a’).find(‘b’)等价于(‘a’,‘b’)；
一、事件概述 事件的基本概念 上一章我们讲解了使用jQuery选择器获取元素，并通过一些方法来操作元素，本章我们讲解事件的概念，通过事件我们可以加强用户与浏览器的交互性，例如可以实现当用户点击某个元素的时候...二、鼠标单击事件 我们先来将最常用的鼠标单击事件click，jQuery的基本语法如下所示： 1 $("selector").click(function(){ 2 //事件触发执行的代码 3...，也就是img标签，当我们点击img标签的时候，使用attr方法将其src属性设置成另一张了图片的地址，这样就实现了图片的切换。...接下来，我们结合之前学过的方法来实现一个图片切换的效果,代码如下所示。...然后通过console.log()方法在控制台输出x坐标和y坐标。 课后练习 滑动显示和隐藏的右边栏，点击按钮弹出，电气其他位置隐藏。 让图片跟随鼠标移动。 返回顶部
一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色...6.window对象中self、 top 的区别 7.blur事件的使用 二..../jquery.gritter.js')($);的解释如下： require是必须校验 ./jquery.gritter.js是参数，表示一个js。...在段内定义与该段样式不同的内容的样式。...可以再当前窗口中直接使用window 的全部属性、方法和集合，即不需要在前面附加计算结果为当前window对象的表达式。
get方法获取指定index的DOM对象，也就是我们说的jQuery对象转DOM对象。...二、jquery对象的方法 1、.each( function(index, Element) ) //each的参数顺序和js的参数顺序相反 遍历一个jQuery对象，为每个匹配元素执行一个函数 $(...'li').each(function(ind,e){ console.log(('ind+':'+$(e).text()') } //text方法是取出jquery对象的值， jQuery对象里面回调函数...，一般来说对应的元素都是原生dom,要执行jQuery的text方法需要加$转换成jquery对象 2、jQuery.each( collection, callback(indexInArray, valueOfElement...传递处理函数给.ready()方法，能保证DOM准备好后就执行这个函数，因此，这里是进行所有其它事件绑定及运行其它 jQuery 代码的最佳地方。
常用插件，导入jquery插件确保它位于主jQuery库后！...验证插件validate： jquery.validate.js jquery.validate.messages_cn.js 2....图片放大镜插件jQZoom： jquery.jqzoom.js jquery.jqzoom.css 8....页面加载遮盖插件LoadMask： jquery.loadmask.js jquery.loadmask.css 12....数据分页插件Pgination： jquery.pagination.js jquery.pagination.css 13.
live(type, [data], fn)手册API的介绍 jQuery 给所有匹配的元素附加一个事件处理函数，即使这个元素是以后再添加进来的也有效。...如下用 live给class=clickme的元素绑定一个click事件： $('.clickme').live('click', function() { alert("Live handler called...."); }); 当我们在某次事件又动态地添加了一个class=clickme的元素时，如$('body').append('Another target'); 然后再点击新增的元素，他依然能够触发事件处理函数 本文由来源 21aspnet，由 javajgs_com 整理编辑，其版权均为 21aspnet 所有，文章内容系作者个人观点，不代表
jQuery on()方法是官方推荐的绑定事件的一个方法。...触发事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。 3. 阻止事件冒泡和事件委托的方法： A：return false。 ...由jQuery on()扩展开来的几个以前常见的方法有. bind() $("p").bind("click",function(){ alert("The paragraph was clicked...jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法，可以使用off()方法处理。
jQuery on()方法是官方推荐的绑定事件的一个方法。...$(selector).on(event,childSelector,data,function,map) 由此扩展开来的几个以前常见的方法有. bind() $("p").bind("click...jQuery1.8之后都不推荐使用，官方在1.9时已经取消使用live()方法了，所以建议都使用on()方法。...tip:如果你需要移除on()所绑定的方法，可以使用off()方法处理。...background-color","pink"); }); $("button").click(function(){ $("p").off("click"); }); }); tip:如果你的事件只需要一次的操作
大家好，又见面了，我是你们的朋友全栈君。 setInterval()方法 ...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
当我们想要操所页面中的元素时，首先要做的就是选取元素。...选取页面中元素可以使用jQuery给我们提供的$()方法，该方法需要提供选择器作为参数，方法执行完成后会返回给我们一个jQuery对象，被选取的元素就包含在该对象中。...:animated $(':animated') 选取正在应用动画效果的元素（只对通过jq方法添加动画有效） 2.5子元素过滤器 选择器 示例 说明 tag:first-child $('div p...$('div:parent') 选择匹配元素集合中包含子元素的所有div元素（包括文本节点） 2.7 选取表单元素 jQuery提供了一些专门为表单设计的选择器，用于快速访问表单元素。...使用context提高检索效率 先前我们选取页面中的元素时，不可避免的要检索页面中的所有元素，这样就降低了检索的效率。这不是我们想要的，能不能在我们指定的的范围中检索我们想要获取的元素。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
