2018.9.17星期一jQuery第一章初识jQuery第二章jQuery的事件和API第三章jQuery中的动画第一章初识jQuery一、jQuery简介1.什么是jQuery？jQuery是一个优秀的JavaScript库，是一个凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档，操作DOM，执行动画和开发Ajax的操作。jQuery封装了很多预定义的对

JQuery笔记记两段代码，使用JQuery实现从表单获取json与后端交互，以及把后端返回的json映射到表单相应的字段上。

JQuery笔记记两段代码，使用JQuery实现从表单获取json与后端交互，以及把后端返回的json映射到表单相应的字段上。

jQuery笔记总结篇96poetries已关注2016.10.2010:52*字数9137阅读6607评论16喜欢337赞赏1原文链接http://blog.poetries.top/2016/10/

jQuery笔记11，简介jQuery是JavaScript函数库，我们只需要调用相应的方法，宗旨是用最少的方法完成最复杂的功能。版本1.？兼容IE8，版本2.？不兼容IE8。

相关文件：https://git.coding.net/HULANG-BTB/JQuery.DataTable.js.gitHTML代码：123DataTable45678910Name11Position12Office13Age14Startdate15Salary1617181920TigerNixon21SystemArchitect22Edinburgh2361242011/04/252

将前段时间自己在慕课网上学习的jQuery笔记大概整理一下,只是作为一段时间学习jQuery的总结,当然也是最基础的入门阶段的知识点。有很多错误和不足之处,欢迎各位前辈指出,谢谢。

阮一峰jQuery不要学jquerymobile获取某个节点的所有兄弟姐妹ul>li[id=item$]{选项$}*5tab后结果选项1选项2选项3选项4选项5找某一个节点的所有兄弟姐妹children只获取元素节点，不获取文本节点functiongetSiblings(node){varallChildren=node.parentNode.childrenvararray={length:0}

head标签里放：语句放在:$(document).ready(function(){})的{}中语法:$(selector).action()$定义jQueryselector查询HTML元素action()执行对元素的操作函数内行动:$(this).hide()隐藏当前元素show显示$("p").css("color","red")将所有p元素color变成red语法可以连接action()

jQuery$()函数就是jQuery的核心函数，query就是选择的意思，也就是说jQuery的核心招牌功能就是选择元素：$可以用jQuery来代替，$和jQuery是同一个函数：jQuery选择的元素，所有浏览器兼容！$("#box")：选择页面上id为box的盒子。注意，选择出来的东西，是一个类数组对象，是jQuery自己的对象，这个jQuery对象后面不能跟着原生JS的语法：所以，如果想把

样式相关1.jq对象转换为DOM对象var$div=$('div')//jQuery对象vardiv=$div[0]//转化成DOM对象div.style.color='red'//操作dom对象的属性2.选择器1.id选择器和类选择器$(‘#id’)和$('.class')//id唯一性，每个id在一个页面中只能用一次//类选择器，带有隐形循环操作2.元素选择器$('p')、$('span')、

DOM操作可分为3个方面：DOMCore(核心)、HTMLDOM和CSSDOM（1）DOMCore不属于JavaScript语言范畴，任何一种支持DOM的程序设计语言都可以操作它，它的用于不限于处理网页，也可以用来处理任何一种使用标记语言编写出来的文档，如XML。JavaScript中的createElement()、getElementById()和removeAttribute()等方法都是D

RIA技术：Ajax、Flex、Sliverlight优势：轻量级、强大的选择器、出色的DOM操作封装、可靠的事件处理机制、出色的浏览器兼容性jQuery对象的获取jQuery对象就是通过jQuery包装DOM对象后产生的对象。如果获取的是jQuery对象，那么要在变量前面加上$。var$variable=jQuery对象varvariable=DOM对象jQuery对象转换成DOM对象$("#m

1AJAXjQuery对Ajax操作进行封装，在jQuery中$.ajax()方法属于最低层的方法，第二层是$.get()，$.post()和load()方法。1.1load()方法load()方法用于提取远程HTML代码并插入DOM中。它的结构为：load(url,[,data],[,callback])url（string）参数表示请求HTML页面的URL地址，这个参数的结构语法是"urlse

通过demo进行验证(1)演示删除动画效果*{font-size:12px;}#cart{width:602px;}#cart.tipsbox{width:200px;border:2pxsolid#aaa;float:right;}删除动画$(function(){$("#del").click(function(){$(".tipsbox").show("slow");});//用了基本选择器

//验证以上理论$(function(){//改变含有title属性的元素的背景颜色，语法(选取包含给定属性的元素)实例$("[href]")选取含有href属性的元素$("h2[title]").css("background-color","red");/***[attribute=value]*描述(选取等于给定属性是某个特定值的元素)*实例:$("[href='#']")选取href属性值

原文链接http://blog.poetries.top/2016/10/20/review-jQuery首先，来了解一下jQuery学习的整体思路XMind源文件提供参考下载[Jquery笔记]XMind

数据缓存作用：在一个元素上存取数据，避免循环引用的风险。一、定义缓存data（）函数：为jQuery对象定义缓存数据jQuery.data（element，key，value）参数解释：element：要关联数据的DOM对象key：存储的数据名value：新数据值允许在DOM元素上附加任意类型的数据，避免了循环引用的内存泄漏风险。注意：该工具目前不提供在XML文档上跨平台设置，且IE浏览器不允许通

数据缓存作用：在一个元素上存取数据，避免循环引用的风险。一、定义缓存data（）函数：为jQuery对象定义缓存数据jQuery.data（element，key，value）参数解释：element：要关联数据的DOM对象key：存储的数据名value：新数据值允许在DOM元素上附加任意类型的数据，避免了循环引用的内存泄漏风险。注意：该工具目前不提供在XML文档上跨平台设置，且IE浏览器不允许通

一、处理字符串trim（）函数：清理字符串前后的空白，全局函数，可直接使用jQuery对象进行调用。jQuery.trim(str);str：表示被修剪的字符。应用1：jQuery方法处理字符串(jQuery)$(function(){$("button").click(function(){varstr="修剪字符串";alert(str.length);str=jQuery.trim(str)

一、处理字符串trim（）函数：清理字符串前后的空白，全局函数，可直接使用jQuery对象进行调用。jQuery.trim(str);str：表示被修剪的字符。应用1：jQuery方法处理字符串(jQuery)$(function(){$("button").click(function(){varstr="修剪字符串";alert(str.length);str=jQuery.trim(str)

jQuery在1.3.6版本开始就引入了JavaScript库兼容机制，即在同一个页面可以使用多个JavaScript库。一般来说，$变量易发生冲突，因为在不同JavaScript库中都使用了$标识符，但是它们在不同的库中所表示的语义是不同的。JQuery.noConfict([removeAll])能够放弃对&变量的控制，让给其他库或者脚本使用。removeAll：判断是否从全局范围内去除所有j

jQuery在1.3.6版本开始就引入了JavaScript库兼容机制，即在同一个页面可以使用多个JavaScript库。一般来说，$变量易发生冲突，因为在不同JavaScript库中都使用了$标识符，但是它们在不同的库中所表示的语义是不同的。JQuery.noConfict([removeAll])能够放弃对&变量的控制，让给其他库或者脚本使用。removeAll：判断是否从全局范围内去除所有j

动画$("#mydiv").animate({"width":"300px","height":"400px"},300)在3秒内逐渐的改变div的宽和高大多数非数值的css属性都无法用来执行动画效果.例如:color,background-colorwidth,height,left,top可以用来执行动画fadeOut()方法和fadeIn()方法使用淡出效果来隐藏被选元素$(selector

jQuery定义了很多工具函数，这些函数的命名空间为$，但不操作包装集，用户可以把它看作是顶层函数，不同之处是他们定义在$实例上，而不是定义在window实例上，类似于静态类型函数。通常来说，工具函数的主要任务是操作除DOM意外的JavaScript对象，或执行一些非对象相关的操作。jQuery通过定义在$上的变量为开发人员提供一些有用的客户信息，通过这些标志信息可以方便的检测当前浏览器的功能，以

jQuery定义了很多工具函数，这些函数的命名空间为$，但不操作包装集，用户可以把它看作是顶层函数，不同之处是他们定义在$实例上，而不是定义在window实例上，类似于静态类型函数。通常来说，工具函数的主要任务是操作除DOM意外的JavaScript对象，或执行一些非对象相关的操作。jQuery通过定义在$上的变量为开发人员提供一些有用的客户信息，通过这些标志信息可以方便的检测当前浏览器的功能，以

jQuery支持数据队列，并通过定义queue（）函数实现对队列的完整操作，这对于一系列需要按次序执行的函数特别有用。如：animate动画、Ajax异步请求和交互、timeout等需要一定时间的函数。实际上，jQuery把队列看成是elem对象的数据缓存工具，但是它与data（）函数实现的数据缓存存在很大差异，因为队列中存储的是将要被执行的一连串动作函数。一、添加动画队列queue（）：把函数加

jQuery支持数据队列，并通过定义queue（）函数实现对队列的完整操作，这对于一系列需要按次序执行的函数特别有用。如：animate动画、Ajax异步请求和交互、timeout等需要一定时间的函数。实际上，jQuery把队列看成是elem对象的数据缓存工具，但是它与data（）函数实现的数据缓存存在很大差异，因为队列中存储的是将要被执行的一连串动作函数。一、添加动画队列queue（）：把函数加

创建包含多重效果的自定义动画：animate()animate（properties,[duration],[easing],[callback]）animate（properties,options）参数解释：properties：一组CSS属性，动画将朝着这组属性移动duration：一个字符串或数字，用来定义动画将运行多久easing：一个用来表示使用哪个缓冲函数来过渡的字符串callbac

创建包含多重效果的自定义动画：animate()animate（properties,[duration],[easing],[callback]）animate（properties,options）参数解释：properties：一组CSS属性，动画将朝着这组属性移动duration：一个字符串或数字，用来定义动画将运行多久easing：一个用来表示使用哪个缓冲函数来过渡的字符串callbac

调整元素不透明度浏览器兼容问题：IE：支持filter滤镜集，opacity属性值范围：0（完全透明）—100（不透明）非IE：支持style.opacity属性，范围：0（完全透明）—1（不透明）jQuery为元素渐隐和渐显定义了3个方法：fadeIn()、fadeOut()、fadeTo()一、淡入和淡出fadeIn和fadeOutfadeIn([duration],[callback])fa

调整元素不透明度浏览器兼容问题：IE：支持filter滤镜集，opacity属性值范围：0（完全透明）—100（不透明）非IE：支持style.opacity属性，范围：0（完全透明）—1（不透明）jQuery为元素渐隐和渐显定义了3个方法：fadeIn()、fadeOut()、fadeTo()一、淡入和淡出fadeIn和fadeOutfadeIn([duration],[callback])fa

一、显隐滑动效果向下滑动：slideDownslideDown([duration],[callback])slideDown([duration],[easing],[callback])向上滑动：slideUpslideUp([duration],[callback])slideUp([duration],[easing],[callback])参数解释：duration：一个字符串或数字，用

一、显隐滑动效果向下滑动：slideDownslideDown([duration],[callback])slideDown([duration],[easing],[callback])向上滑动：slideUpslideUp([duration],[callback])slideUp([duration],[easing],[callback])参数解释：duration：一个字符串或数字，用

show()方法具体用法：show()show(duration,[callback])show([duration],[easing],[callback])1)参数duration表示一个字符串或者数字，决定动画将运行多久2)参数callback表示在动画完成时执行的函数3)参数easing表示一个用来表示使用哪个缓冲函数来过渡的字符串一、简单的显示和隐藏基本的hide（）和show（）方法，

show()方法具体用法：show()show(duration,[callback])show([duration],[easing],[callback])1)参数duration表示一个字符串或者数字，决定动画将运行多久2)参数callback表示在动画完成时执行的函数3)参数easing表示一个用来表示使用哪个缓冲函数来过渡的字符串一、简单的显示和隐藏基本的hide（）和show（）方法，

一、动画设计基础JavaScript语言本身不支持动画设计，它必须驱动CSS来实现动画效果。jQuery提供css()方法：css(propertyName)css(propertyName,value)css(propertyName,function(index,value))css(map)1)参数propertyName表示一个CSS属性名，以字符串的形式表示，当css()方法只包含该参数

一、动画设计基础JavaScript语言本身不支持动画设计，它必须驱动CSS来实现动画效果。jQuery提供css()方法：css(propertyName)css(propertyName,value)css(propertyName,function(index,value))css(map)1)参数propertyName表示一个CSS属性名，以字符串的形式表示，当css()方法只包含该参数

blog.poetries.top/2016/10/20/review-jQuery关注公众号获取更多资讯首先，来了解一下jQuery学习的整体思路jQuery系统学习篇jQuery系统学习篇-XMind源文件提供参考下载Jquery

原文地址：https://www.ruofeiblog.com/article/jQuery-selector基本过滤器所有过滤器都是以冒号开头的，如:odd//选择第一个li,并为这个li添加一个css$("li:first").css("color","red");//选择第一个ul里的最后一个li,并为这个li添加一个css$("ul:firstli:last").css("color","

window.onload必须等待网页中的而所有内容加载完毕后(包括图片)才能执行在一个网页中只能有一个，定义多个后，后面的会覆盖前面的。$(document).ready(function(){...})网页中的所有DOM结构绘制完毕后就执行，与DOM关联的东西（比如图片）不一定加载完毕一个网页中可以编写多个。多个可以同时执行。为事件绑定动作，可以同时绑定多个动作$('#foo').bind('

创建节点$(html)语句可以自动将其中的html转换为jQuery对象。通过这种方法创建的元素必须是闭合的，即有就必须有一个内部插入节点函数a.append(content)将content节点加入a的尾部,content可以使jQuery对象，也可以是html片段a.appendTo(content)将a加入到content,content可以使jQuery对象，也可以是html片段a.pre

jQuery常用方法选取被选中的Select的optioin需要使用选取子节点的方式：$("select['test']空格:selected").each(function(){//空格的作用是选择select['test']的所有子元素});click方法jQuery对象会进行隐式迭代,比如下面操作会为所有的p元素节点添加onclick处理函数。$("p").click(function(){

1.加载jQuery文件。如果浏览器已经加载一次，下次不会重新加载，使用利用率较高的cdn也可以加快自己网站的速度。2.选择器$(this)选择当前的HTML元素$("#test")选择id="test"的元素，id在网页中是不会重复的。$("p#test")选择id="test"的元素$("p")选择所有的元素$(".test")选择所有class="test"的元素$("p.test")选择c

 一、JavaScript回顾   EcmaScript--标准化组织提供脚本核心代码,其中定义了JavaScript的基本的语法   Dom--W3C提供的一套用来解读文档结构树的一套标准,目前驻留的浏览器都支持dom   Bom--各个浏览器各自定义的一些Script方法   Apatana      第一种配置方式：      1.解压Eclipse      2.在任意目录下，推荐就在Ec

jquery练习 $().ready(function(){//这一句一定不能忽略啊！！！ //基础选择器idclasshtml标签多个一起 /*$("#div1").text('a'); $('div').text('b'); $('.p1').text(333); $('div,p').text(10086); 456 789 0 */ /**

w3schcool中jquery//文档就绪函数 $(document).ready(function(){ ---jQueryfunctionsgohere---- });

原文链接：http://www.cnblogs.com/ineweyer/p/5055645.html1.jQuery是一个JavaScript库。2.jQuery库包含以下特性：HTML元素选取HTML元素操作CSS操作HTML事件函数JavaScript特效和动画HTMLDOM遍历和修改AJAXUtilities3.jQuery库位于一个JavaScript文件中，其中包含了所有的jQuery

jQuery([selector,[context]]) 如果没有指定context参数，$()将在当前的 HTML document中查找 DOM 元素；如果指定了 context 参数，如一个 DOM 元素集或 jQuery 对象，那就会在这个 context 中查找。 selector:用来查找的字符串，context:作为待查找的 DOM 元素集、文档或 jQuery 对象。 例：

jquery的替换函数： replace() replace(要替换的目标，替换后新值)$("image").attr("src").replace("width=60", "width=200"); find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 $(&