jquery开发手册
包含jquery系列文章,开发demo
¥29.90
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅博主任意付费专栏,享有该博主全部专栏一年阅读权限。
本专栏为虚拟产品,一经付款概不退款,敬请谅解。
腾讯数据架构师
主要涉及领域 docker kubernetes 云原生技术,大数据架构,分布式微服务,自动化测试、运维,AI平台
-
原创 前端动画大全:css的transition、css3的animation、Jquery的animate、js的setInterval
前端制作动画的几种方式(css3,js)制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: property duration timing-function delay;prope2017-08-30 10:36:123014
0
-
原创 jquery中serialize()序列化函数
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中serialize()序列化函数serialize()序列化,将元素转化为xx=xx&xx=xx&xx=xx字符串形式,不仅能用于表单。代码如下:$(":checkbox,:radio").serialize(); //只会将选中的值序列化//serializeArray序列化dom元素,返回2017-08-30 08:15:432194
0
-
原创 jquery中ajax应用中的通用ajax()函数
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax应用——通用ajax函数jquery提供了比get和post更加通用的ajax()代码如下:$.ajax(options)$.ajax({ type:"POST", //方式 url:"test2017-08-30 08:13:462371
0
-
原创 jquery中ajax应用——get()和post()
jquery中ajax加载js和json文件 全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax应用——get()和post()get和post发送数据的方式不同,但是在jquery的ajax中这种区别对用户不可见。get传输的数据大小有限制,get请求的数据会被浏览器缓存,两种方式在服务器端的接收不同。get() jquery中的get函数形式2017-08-30 08:10:301921
0
-
原创 jquery中ajax应用——load()函数
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax应用之load()函数$(selector).load(URL,data,callback)函数通常来获取服务器的静态文件,URL中可以添加选择器进行筛选。代码如下:$("#div1").load("data/demo_test.html #p1",function(){ //将远程文件的内容中的i2017-08-30 08:07:172033
0
-
原创 jquery中ajax加载js和json文件
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax加载js文件jquery中ajax加载js文件的函数为getScript() 代码如下:$.getScript("index5.js",function(){ alert("载入完成");});jquery中ajax加载json文件jquery中ajax加载json文件的函数为getJSO2017-08-30 08:05:132971
0
-
原创 jquery事件绑定和解除绑定bind、unbind、one
全栈工程师开发手册 (作者:栾鹏)jquery系列教程4-事件操作全解 jquery事件绑定使用函数bind(type [,data],fn)绑定事件,one函数也可以进行一次绑定,但是需要注意bind、unbind函数在jquery1.0中添加,在jquery3.0中弃用。1、其中type表示事件类型:blur,focus,load,resize,scroll,unload,click,dbl2017-08-29 09:34:093676
0
-
原创 jquery中DOM加载事件,onload事件和ready事件
全栈工程师开发手册 (作者:栾鹏)jquery系列教程4-事件操作全解 jqueryDOM加载事件jquery中的DOM加载事件分为onload事件和ready事件。,具体功能如代码中注释。代码如下://window.onload函数在页面所有内容加载完成后触发,只能执行最后一个window.onload函数$(window).load(function(){ //等价于win2017-08-29 09:29:592848
0
-
原创 jquery中select操作append、prepend、remove、find、val、get、selectedIndex、attr、option
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery中select操作jquery中select操作函数和字段包括append、prepend、remove、find、val、get、selectedIndex、attr、option,具体功能如代码中注释。代码如下:$("#selectId").append("<option value='"+value+"'2017-08-29 09:11:223491
0
-
原创 jquery文本和值text、html、attr、val
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery文本显示jquery文本显示函数包括text、html、attr,具体功能如代码中注释。代码如下:$cr.text(); //DOM操作中参数为空时表示读取$cr.text("设置的值"); //参数有值时表示设置$cr.text(function(i,origText){ //参数为函数时表示根据该元素在2017-08-29 09:07:452202
0
-
原创 jquery遍历元素children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery遍历元素jquery元素的函数包括children、find、parent、parents、parentsUntil、next、prev、siblings、closest、filter、not,具体功能如代码中注释。代码如下:var $body_child = $("body").children(); //c2017-08-29 09:06:073710
0
-
原创 jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery删除替换元素jquery中进行删除替换元素的函数包括remove、detach、empty、replaceWith、replaceAll,具体功能如代码中注释。代码如下:$(".divclass").remove("div[title='mytitle']"); //选择性删除元素$("#div1").rem2017-08-29 09:04:152164
0
-
原创 jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery创建添加元素jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore等方法,具体功能如代码中注释。代码如下:$cr = $("<label></label2017-08-29 09:01:262601
0
-
原创 jquery获取设置元素宽高位置height()、width()、offset()、position()、scrollTop()、scrollLeft()
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-style样式操作全解 jquery获取设置元素宽高位置jquery的通过height()、width()、offset()、position()、scrollTop()、scrollLeft()等函数获取和设置元素宽高,具体功能如代码中注释。代码如下:var width = $cr.width();2017-08-29 08:54:433547
1
-
原创 jquery中的css函数css(name)、css(key,value)、css(properties)、css(key,fn)
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-style样式操作全解 jquery通过css函数操作元素样式jquery的css函数,包括css(name)、css(key,value)、css(properties)、css(key,fn),具体功能如代码中注释。代码如下:$cr.css("color");2017-08-29 08:51:272471
0
-
原创 jquery中的class函数addClass,removeClass,toggle,hasClass
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-style样式操作全解 jquery通过class函数操作元素样式jquery的class函数,包括addClass,removeClass,toggle,hasClass,具体功能如代码中注释。代码如下:var label_class = $cr.attr("class"); //获取样式$cr.attr2017-08-29 08:48:592061
0
-
原创 jquery中的attr函数attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-style样式操作全解 jquery通过attr函数操作元素属性jquery的attr函数,包括attr(name)、attr(key,value)、attr(properties)、attr(key,fn)、removeAttr,具体功能如代码中注释。代码如下:$cr.attr("src");2017-08-29 08:46:292286
0
-
原创 jquery表单选择器input、:text、:password、:radio、:checkbox、:submit、:reset、:image、:button、:file、:hidden
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery表单选择器jquery表单选择器,包括:input、input、:text、:password、:radio、:checkbox、:submit、:reset、:image、:button、:file、:hidden,具体功能如代码中注释。代码如下:$("#form1 :input"); //选2017-08-28 10:29:132708
0
-
原创 jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery表单对象属性选择器jquery表单对象属性选择器,包括:enabled、:disabled、:checked、:selected,具体功能如代码中注释。代码如下:$("#form1 input:enabled"); //id为form1的表单内所有可用input元素列表$(".form1 :disabled2017-08-28 10:27:022969
0
-
原创 jquery子元素过滤选择器:nth-child、:first-child、:last-child、:only-child
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery子元素过滤选择器jquery子元素过滤选择器,包括:nth-child、:first-child、:last-child、:only-child,具体功能如代码中注释。通过冒号前加空格实现。和基本过滤器的区别:基本过滤器冒号前没有空格,基本过滤器对元素进行操作,获取元素列表,此处的过滤器对父元素进行操作,获取子元素列表2017-08-28 10:25:112308
0
-
原创 jquery属性过滤选择器[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery属性过滤选择器jquery属性过滤选择器,包括[attr]、[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]、[attr~=value],具体功能如代码中注释。代码如下:$("div[title]");2017-08-28 10:22:593225
0
-
原创 jquery可见性过滤选择器:hidden、:visible
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery可见性过滤选择器jquery可见性过滤选择器,包括:hidden、:visible,具体功能如代码中注释。代码如下:$("div:hidden"); //获取所有隐藏的div列表$("div:visible"); //获取所有可见的div列表2017-08-28 10:19:312540
0
-
原创 jquery内容过滤器:contains :empty :has(p) :parent
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery内容过滤器jquery内容过滤器,包括:contains、:empty、:has(p)、:parent,具体功能如代码中注释。代码如下:$("div:contains('我')"); //含有文本“我”的div元素列表$("div:empty"); //不含有子元素或文本的2017-08-28 10:18:082269
0
-
原创 jquery基本过滤选择器:first :last :not(.myclass) :even :odd :eq(1) :gt(5) :lt(1) :header :animated :focus
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery基本过滤选择器jquery基本过滤选择器,包括:first、:last、:not(.myclass)、:even,:odd、:eq(1)、:gt(5)、:lt(1)、:header、:animated、:focus,具体功能如代码中注释。代码如下:$("div:first"); //所有2017-08-28 10:16:133778
0
-
原创 jquery层次选择器:空格 > next + nextAll ~ siblings
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery层次选择器jquery层次选择器,包括空格、>、next、+、nextAll、~、siblings等函数或表达式。 1、空格表示获取所有子孙后代元素 2、 >表示获取一级子元素 3、next函数获取紧接在之后的同辈元素列表 4、nextAll函数表示获取之后的所有同辈元素列表 5、siblings函数表示获取2017-08-28 10:12:072652
0
-
原创 jquery基本选择器:id选择器、class选择器、标签选择器、通配符选择器
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery基本选择器jquery基本选择器,包括id选择器、class选择器、标签选择器、通配符选择器,同时配合选择器的空格、逗号等语法,可以实现大部分需要的选择功能。 代码如下:$("#myid"); //根据id获取元素,等价于document.getElementById(),$2017-08-28 10:06:023883
0
-
原创 jQuery form插件使用详解
//ajaxForm和ajaxSubmit函数最多接受一个参数,参数为回调函数或提交选项对象var options={ target:"#output1", //服务器返回内容放在id为output1的元素中 beforeSubmit:showRequest,2017-08-05 15:37:112246
0
-
原创 jquery系列教程8-jquery插件大全
jQuery form插件使用详解2017-08-27 12:39:101981
0
-
原创 jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器
//插件名称最好为jquery.[插件名].js。所有方法和函数插件都应该以分号结尾。插件开头也应该添加分号//插件应该返回一个jquery对象,以保证链式操作。或者返回需要获取的量。插件内部不要使用$作为jquery对象的别名//所有的对象方法附加到jQuery.fn对象上,所有的全局函数,附加到jQuery对象上,//插件内部,this指向通过选择器获取的jquery对象,可以通过this2017-08-05 15:34:453368
0
-
原创 jquery系列教程6-ajax的应用全解
//最底层$.ajax 第2层load(),$.get(),$.post(),第3层$.getScript,$.getJSON//============load================//$(selector).load(URL,data,callback); URL中可以添加选择器进行筛选.通常来获取服务器的静态文件//responseTxt - 包含调用成功时的结果内容,s2017-08-05 15:33:382477
0
-
原创 jquery系列教程5-动画操作全解
//动画函数都可以选择性传递速度和回调函数//隐藏显示 hide(speed,callback),$cr.hide(); //元素隐藏,会记住diaplay原始属性$cr.css("display","none"); //元素隐藏,忘记diaplay原始属性$cr.show();2017-08-05 15:32:352084
0
-
原创 jquery系列教程4-事件操作全解
点击打开: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动画操作全解 jquery系列教程6-ajax的应用全解 jquery系列教程7-自定义jquery插件全解 jquery系列教程8-jquery插件大全jquery中的事件操作全解:2017-08-05 15:31:502246
0
-
原创 jquery系列教程3-DOM操作全解
全栈工程师开发手册 (作者:栾鹏)快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动画操作全解 jquery系列教程6-ajax的应用全解 jquery系列教程7-自定义jquery插件全解 jquery系列教程8-jquery2017-08-05 15:30:492436
0
-
原创 jquery系列教程2-style样式操作全解
点击打开: jquery选择器全解 jquery中的style样式操作 jquery中的DOM操作 jquery中的事件操作全解 jquery中的动画操作全解 jquery中ajax的应用 自定义jquery插件 jQuery form插件jquery中的style样式全解://样式操作var label_class = $("label").attr("class");2017-08-06 08:52:552822
0
-
原创 jquery系列教程1-选择器全解
//$被宏定位为jQuery。$("#foo')等价于jQuery("#foo"),$.ajax等价于jQuery.ajax//jQuery.noConflict(); //不再使用$代表jQuery,则$可以在其他js插件中代表其他的变量了//var $j = jQuery.noConflict(); //使用$j代表jQuery//===========================2017-08-05 09:11:014430
0