JQuery笔记

jQuery笔记 (完整详细版)

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

jQuery扩展方法实现Form表单与Json互相转换的实例代码

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

（笔记）JQuery扩展方法实现Form表单与Json互相转换

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

# jQuery笔记总结篇

jQuery笔记总结篇96poetries已关注2016.10.2010:52*字数9137阅读6607评论16喜欢337赞赏1原文链接http://blog.poetries.top/2016/10/
小杰的简书·2018-07-03 10:45

jQuery学习笔记

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

JQuery笔记JQuery.DataTable.js使用。

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

jQuery学习笔记整理

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

2018-01-08 jQuery笔记

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

jquery笔记

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

jQuery笔记

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

JQuery笔记

样式相关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')、
语无伦次的我·2017-12-04 02:04

jQuery笔记（四）-- 操作DOM

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

jQuery笔记

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

jQuery笔记（AJAX）

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

jQuery笔记之动画以及tab的切换

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

jQuery笔记之属性选择器

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

jQuery笔记总结篇

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

jQuery笔记——工具函数——缓存

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

jQuery笔记——工具函数——缓存

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

jQuery笔记——工具函数——对象和集合操作

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

jQuery笔记——工具函数——对象和集合操作

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

jQuery笔记——工具函数——兼容JavaScript库

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

jQuery笔记——工具函数——兼容JavaScript库

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

jquery笔记

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

jQuery笔记——工具函数——jQuery标志

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

jQuery笔记——工具函数——jQuery标志

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

jQuery笔记——动画设计——动画队列

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

jQuery笔记——动画设计——动画队列

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

jQuery笔记——动画设计——复杂动画

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

jQuery笔记——动画设计——复杂动画

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

jQuery笔记——动画设计——渐变效果

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

jQuery笔记——动画设计——渐变效果

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

jQuery笔记——动画设计——滑动动画

一、显隐滑动效果向下滑动：slideDownslideDown([duration],[callback])slideDown([duration],[easing],[callback])向上滑动：slideUpslideUp([duration],[callback])slideUp([duration],[easing],[callback])参数解释：duration：一个字符串或数字，用
行走的鹿·2016-11-08 17:38

jQuery笔记——动画设计——滑动动画

一、显隐滑动效果向下滑动：slideDownslideDown([duration],[callback])slideDown([duration],[easing],[callback])向上滑动：slideUpslideUp([duration],[callback])slideUp([duration],[easing],[callback])参数解释：duration：一个字符串或数字，用
行走的鹿·2016-11-08 17:38

jQuery笔记——动画设计——显隐动画

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

jQuery笔记——动画设计——显隐动画

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

jQuery笔记——动画设计——动画设计基础

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

jQuery笔记——动画设计——动画设计基础

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

jQuery笔记总结篇

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

jQuery笔记4 过滤器的使用方法

原文地址：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","
若飞丶·2016-10-12 09:16

jQuery笔记-事件

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

jQuery笔记-文档处理

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

jQuery笔记-常用方法

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

jQuery笔记-选择器

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

JQuery笔记

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

jquery笔记（仅供个人参考）

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

jquery笔记

w3schcool中jquery//文档就绪函数 $(document).ready(function(){ ---jQueryfunctionsgohere---- });
alive2012·2016-02-25 22:00

jQuery笔记

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

jQuery笔记一

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

JQuery笔记

jquery的替换函数： replace() replace(要替换的目标，替换后新值)$("image").attr("src").replace("width=60", "width=200"); find() 方法获得当前元素集合中每个元素的后代，通过选择器、jQuery 对象或元素来筛选。 $(&
·2015-11-12 14:31
上一页 1 2 3 4 5 6 7 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他