![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery 开发 手册
文章平均质量分 86
包含jquery系列文章,开发demo
腾讯AI架构师
主要涉及领域 docker kubernetes 云原生技术,AI平台,大数据架构,python,分布式微服务,自动化运维
展开
-
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:55 · 4082 阅读 · 0 评论 -
jquery删除替换元素remove、detach、empty、replaceWith、replaceAll
全栈工程师开发手册 (作者:栾鹏)jquery系列教程2-DOM操作全解 jquery删除替换元素jquery中进行删除替换元素的函数包括remove、detach、empty、replaceWith、replaceAll,具体功能如代码中注释。代码如下:$(".divclass").remove("div[title='mytitle']"); //选择性删除元素$("#div1").rem原创 2017-08-29 09:04:15 · 2529 阅读 · 0 评论 -
jquery系列教程5-动画操作全解
//动画函数都可以选择性传递速度和回调函数//隐藏显示 hide(speed,callback),$cr.hide(); //元素隐藏,会记住diaplay原始属性$cr.css("display","none"); //元素隐藏,忘记diaplay原始属性$cr.show();原创 2017-08-05 15:32:35 · 2405 阅读 · 0 评论 -
jquery表单对象属性选择器:enabled、:disabled、:checked、:selected
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery表单对象属性选择器jquery表单对象属性选择器,包括:enabled、:disabled、:checked、:selected,具体功能如代码中注释。代码如下:$("#form1 input:enabled"); //id为form1的表单内所有可用input元素列表$(".form1 :disabled原创 2017-08-28 10:27:02 · 4693 阅读 · 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:13 · 3408 阅读 · 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:01 · 4916 阅读 · 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,dbl原创 2017-08-29 09:34:09 · 4352 阅读 · 0 评论 -
jquery基本选择器:id选择器、class选择器、标签选择器、通配符选择器
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery基本选择器jquery基本选择器,包括id选择器、class选择器、标签选择器、通配符选择器,同时配合选择器的空格、逗号等语法,可以实现大部分需要的选择功能。 代码如下:$("#myid"); //根据id获取元素,等价于document.getElementById(),$原创 2017-08-28 10:06:02 · 6537 阅读 · 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:22 · 4837 阅读 · 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.attr原创 2017-08-29 08:48:59 · 2315 阅读 · 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:45 · 2437 阅读 · 0 评论 -
jquery系列教程3-DOM操作全解
全栈工程师开发手册 (作者:栾鹏)快捷链接: jquery系列教程1-选择器全解 jquery系列教程2-style样式操作全解 jquery系列教程3-DOM操作全解 jquery系列教程4-事件操作全解 jquery系列教程5-动画操作全解 jquery系列教程6-ajax的应用全解 jquery系列教程7-自定义jquery插件全解 jquery系列教程8-jquery原创 2017-08-05 15:30:49 · 2730 阅读 · 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:50 · 2528 阅读 · 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(); //c原创 2017-08-29 09:06:07 · 4368 阅读 · 0 评论 -
jquery系列教程6-ajax的应用全解
//最底层$.ajax 第2层load(),$.get(),$.post(),第3层$.getScript,$.getJSON//============load================//$(selector).load(URL,data,callback); URL中可以添加选择器进行筛选.通常来获取服务器的静态文件//responseTxt - 包含调用成功时的结果内容,s原创 2017-08-05 15:33:38 · 2894 阅读 · 0 评论 -
jQuery form插件使用详解
//ajaxForm和ajaxSubmit函数最多接受一个参数,参数为回调函数或提交选项对象var options={ target:"#output1", //服务器返回内容放在id为output1的元素中 beforeSubmit:showRequest,原创 2017-08-05 15:37:11 · 3128 阅读 · 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:43 · 4268 阅读 · 1 评论 -
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:29 · 3329 阅读 · 0 评论 -
jquery系列教程7-自定义jquery插件全解:对象函数、全局函数、选择器
//插件名称最好为jquery.[插件名].js。所有方法和函数插件都应该以分号结尾。插件开头也应该添加分号//插件应该返回一个jquery对象,以保证链式操作。或者返回需要获取的量。插件内部不要使用$作为jquery对象的别名//所有的对象方法附加到jQuery.fn对象上,所有的全局函数,附加到jQuery对象上,//插件内部,this指向通过选择器获取的jquery对象,可以通过this原创 2017-08-05 15:34:45 · 3823 阅读 · 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:59 · 3931 阅读 · 0 评论 -
jquery中DOM加载事件,onload事件和ready事件
全栈工程师开发手册 (作者:栾鹏)jquery系列教程4-事件操作全解 jqueryDOM加载事件jquery中的DOM加载事件分为onload事件和ready事件。,具体功能如代码中注释。代码如下://window.onload函数在页面所有内容加载完成后触发,只能执行最后一个window.onload函数$(window).load(function(){ //等价于win原创 2017-08-29 09:29:59 · 3410 阅读 · 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:07 · 2862 阅读 · 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:43 · 2469 阅读 · 0 评论 -
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:27 · 2858 阅读 · 0 评论 -
jquery中ajax应用中的通用ajax()函数
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax应用——通用ajax函数jquery提供了比get和post更加通用的ajax()代码如下:$.ajax(options)$.ajax({ type:"POST", //方式 url:"test原创 2017-08-30 08:13:46 · 2604 阅读 · 0 评论 -
jquery系列教程8-jquery插件大全
jQuery form插件使用详解原创 2017-08-27 12:39:10 · 2173 阅读 · 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:13 · 4098 阅读 · 1 评论 -
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:30 · 2081 阅读 · 0 评论 -
jquery中ajax应用——load()函数
全栈工程师开发手册 (作者:栾鹏)jquery系列教程6-AJAX全解 jquery中ajax应用之load()函数$(selector).load(URL,data,callback)函数通常来获取服务器的静态文件,URL中可以添加选择器进行筛选。代码如下:$("#div1").load("data/demo_test.html #p1",function(){ //将远程文件的内容中的i原创 2017-08-30 08:07:17 · 2287 阅读 · 0 评论 -
jquery可见性过滤选择器:hidden、:visible
全栈工程师开发手册 (作者:栾鹏)jquery系列教程1-选择器全解jquery可见性过滤选择器jquery可见性过滤选择器,包括:hidden、:visible,具体功能如代码中注释。代码如下:$("div:hidden"); //获取所有隐藏的div列表$("div:visible"); //获取所有可见的div列表原创 2017-08-28 10:19:31 · 3117 阅读 · 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:11 · 2995 阅读 · 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></label原创 2017-08-29 09:01:26 · 2796 阅读 · 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文件的函数为getJSO原创 2017-08-30 08:05:13 · 3277 阅读 · 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:08 · 2565 阅读 · 0 评论 -
前端动画大全:css的transition、css3的animation、Jquery的animate、js的setInterval
前端制作动画的几种方式(css3,js)制作动态的网页是是前端工程师必备的技能,很好的实现动画能够极大的提高用户体验,增强交互效果,那么动画有多少实现方式,一直对此有选择恐惧症的我就总结一下,以便在开发的时候选择最好的实现方式。1.css的transition。语法:transition: property duration timing-function delay;prope原创 2017-08-30 10:36:12 · 3491 阅读 · 0 评论