(lt():great than; gte(>=):great than equal; ne(不等于):not equal) 第一部分:安装: 从 jquery.com...speed,callback参数含义与上述“显示与隐藏”一致。...(包括内边距) outerWidth()/outerHeight():设置或获取宽度/高度(包括内边距和边框);如果设置参数为true,则包括内边距,边框,外边距 image.png 第七部分:jQuery...()执行结果相反。...所以存在一个问题:如果其它js框架使用了$符号,或者书写的js代码中定义了$作为变量或者函数名,这时候就会产生冲突。
补充:jQuery中还有交集选择器: 语法:$(AB) 一个元素,必须保证AB两个属性同时具备(与并集选择器正好相反) 2. 层次选择器 1. ...层级选择器之间的相似与不同点: 1)层级选择器都有一个参考节点 2)后代选择器包含子选择器的选择的内容 3)一般兄弟选择器包含相邻兄弟选择的内容 4)相邻兄弟选择器和一般兄弟选择器所选择到的元素...与css中的属性选择器语法构成完全一致 ? 条件属性选择器 条件属性选择器共包括6种,其中[attribute!=value]选择器是jQuery自己拓展的选择器 [attribute!...=value]选择器选择属性值不等于value的元素,返回集合元素 [注意]class="test test1"的元素也符合$('[class!...选择器中含有特殊符号的注意事项 W3C 规范中,规定属性值中不能含有某些特殊字符,但在实际开发过程中,可能会遇到表达中含有'# 和“.”等特殊字符的情况,如果按照普通的方式去处理就会出错。
='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...// 以下三者,与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。...not() - 与filter()相反。...AJAX 是与服务器交换数据的艺术,它在不重载全部页面的情况下,实现了对部分网页的更新。 0. 原理 XMLHttpRequest 用于在后台与服务器交换数据(老版本使用 ActiveX 对象)。...关于callback 如果存在多个 AJAX 任务,那么应该为创建 XMLHttpRequest 对象编写一个标准的函数,并为每个 AJAX 任务调用该函数。
// This corresponds to the behavior of CSS absolute positioning position: function() { // 如果...position" ) === "static" ) { offsetParent = offsetParent.parentNode; } // 如果定位父元素存在...,并且不等于目标元素,并且定位元素类型是 "元素类型" if ( offsetParent && offsetParent !...注意: ① getBoundingClientRect() 计算的是目标元素的border的位置(左上角),是不包括margin的 ② 如果不加上margin的话(代码是通过减去,来算上margin的)...(2)jQuery.css( elem, "width", true ) true的作用是返回该属性的数字,而不带单位 px (3)定位父元素存在,并且不等于目标元素,并且定位元素类型是 "元素类型
中显示元素的show方法 hide是让元素显示到隐藏,show则是相反,让元素从隐藏到显示 - show与hide方法是修改的display属性,通过是visibility属性布局需要通过css方法单独设置...important')重写样式 - 如果让show与hide成为一个动画,那么默认执行动画会改变元素的高度,高度,透明度 3、jQuery中显示与隐藏切换toggle方法 基本的操作:toggle();...; }); 8、jQuery中淡入动画fadeIn fadeOut是淡出效果,相反的还有淡入效果fadeIn,方法使用上两者都是一致的,只是结果相反 .fadeIn( [duration...之前也学过toggle、slideToggle 也是类似的处理方式 fadeToggle切换fadeOut与fadeIn效果,所谓"切换",即如果元素当前是可见的,则将其隐藏(淡出);如果元素当前是隐藏的...默认数组是0开始 例如:在数组中查找值是5的索引 $.inArray(5,[1,2,3,4,5,6,7]) //返回对应的索引:4 注意: 如果要判断数组中是否存在指定值,你需要通过该函数的返回值不等于
return this.optional(element) || value>=0; }, "整数必须大于或等于0"); // 判断整数value是否不等于...=0; }, "整数必须不等于0"); // 判断整数value是否小于0 jQuery.validator.addMethod("isIntLtZero...return this.optional(element) || value>=0; }, "浮点数必须大于或等于0"); // 判断浮点数value是否不等于...=0; }, "浮点数必须不等于0"); // 判断浮点数value是否小于0 jQuery.validator.addMethod("isFloatLtZero...isContainsSpecialChar:true } }, //如果验证控件没有
写插件先看看jqeury的插件如何写,先了解一下如何写插件的代码。 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。...如果你的脚本中包含多个插件,或者互逆的插件(例如: $.fn.doSomething() 和 $.fn.undoSomething()),那么你需要声明多个函数名字。...一个通理是,如果你不能肯定是否暴露特定的函数,那么你也许不需要那样做。 那么我们怎么定义更多的函数而不搅乱命名空间也不暴露实现呢?这就是闭包的功能。...这些变动行做了一些事情:它是测试Metadata插件是否被安装如果它被安装了,它能扩展我们的options对象通过抽取元数据这行作为最后一个参数添加到JQuery.extend,那么它将会覆盖任何其它选项设置...现在我们能从"markup”处驱动行为,如果我们选择了“markup”: 调用的时候可以这样写: jQuery.foo(); 或 $.foo(); <!
; }) }); $是在jQuery中使用的变量名,可以使用 jQuery.noConflict()避免冲突,它的返回值就是jQuery对象。...jQuery.noConflict(); $j = jQuery.noConflict(); jQuery对象与DOM对象之间的转换 使用 $()得到的是一个jQuery对象。...只有当 obj是一个DOM对象时才能使用 obj.innerHTML;相应地,如果是jQuery对象应该使用 obj.html() 。...从 DOM 对象转到 jQuery 对象: $(obj) 从 jQuery 对象转到 DOM 对象: obj[0] 比较正规地从 jQuery 对象到 DOM 的转换,是使用 jQuery 对象的 get...="value"] 属性不等于指定值 [name] 包括有指定属性的元素 3.
='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...jQuery fadeToggle()方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。 演示 jQuery fadeToggle() 方法。...fadeTo()方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。...如果元素向下滑动,则 slideToggle() 可向上滑动它们。 如果元素向上滑动,则 slideToggle() 可向下滑动它们。...同时,色彩动画并不包含在核心 jQuery 库中。 如果需要生成颜色动画,您需要从 jQuery.com 下载 Color Animations 插件。
jQuery 是一个 JavaScript 库,jQuery 极大地简化了 JavaScript 编程,我们常用jQuery来处理Dom\事件\动画\AJAX jQuery Dom处理 选择器 选择器大家需要深入了解...='#']") 选取所有带有 href 值不等于 "#" 的元素。 $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...jQuery 事件 click dbclick mouseenter mouseleave keyup keydown //针对已创建元素 $(".class").on("click",function...jQuery AJAX 什么是AJAX?...ajax是在不刷新页面的情况下,与服务器发生数据交换的技术 $.get(url,function(res){ },"json") $.post(url,data,function(
div> 上方这几个div暂且先替代图片,和图片的展示效果相同,下面再来看一下js该如何写...jquery.com/jquery-2.1.3.min.js"> jquery.min.js"> <!...ms-flex-align: center; -webkit-align-items: center; align-items: center; } 如果您想让图片下方的小圆点变成数字
通过before与after添加元素 点击通过jQuery的before添加元素</...,那将后面的元素后移,然后将html代码插入 before向元素的前边添加html代码,如果元素前面有元素了,那将前面的元素前移,然后将html代码插 2.DOM外部插入insertAfter()与insertBefore...() 与内部插入处理一样,jQuery由于内容目标的位置不同,然增加了2个新的方法insertAfter与insertBefore 选择器 描述 insertAfter() 把元素插入到所有匹配的元素的后面...对于 .insertAfter(), 刚好相反,内容在方法前面,它将被放在参数里元素的后面 before、after与insertBefore。...封装好的元素插入到指定元素的后面,如果元素后面有元素了,那将后面的元素后移,然后将JQuery对象插入; insertBefore将JQuery封装好的元素插入到指定元素的前面,如果元素前面有元素了,那将前面的元素前移
jquery选择器允许对html中的元素组合单个元素进行操作,jquery的选择器和css的选择器几乎大同小异,大致分为元素选择器、id选择器和类选择器。...jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素,基于已经存在的css选择器,另外,jquery也支持自定义选择器。...-- 如果jquery写在要选择元素上面,就要使用$(document).ready(function(){};这种格式 --> $(document...jquery可以通过指定的class查找元素。 不等于"_blank的元素" $(":button") 选取所有type=button的input元素和button元素 $("tr:even") 选取偶数位置的
如果你有es6以及目前三大框架的实例应用案例,欢迎分享。...$(target).on(eventType,fn) 也相信大家都用过或者多少知道一点js的原生语法,绑定事件是如何写的。...我们找到jq的事件源码看一下吧 :源码文件位置(要到比较老的1.x的版本才会找到这部分针对事件写的兼容代码哦):https://github.com/jquery/jquery/blob/1.12.4/...function on( elem, types, selector, data, fn, one ) { //省略若干代码 return elem.each( function() { jQuery.event.add...jQuery.fn.extend( { on: function( types, selector, data, fn ) { return on( this, types,
以下内容来自于《众妙之门:JavaScript 与 jQuery 技术精粹》一书,为本人在阅读的时候感觉有必要记录的地方记录而来。...instanceof Object > false //Null 不是对象的实例 typeof NaN > "number" //NaN 是一个数字 NaN === NaN > false //NaN 不等于任何值...position() 与 offset() position() 计算相对于偏移父元素(即含有position:relative 的元素的最近父元素,如果没有,相对于文档) offset() 则总是计算相对于文档的位置...css('width')与css('height')、width()与height() 前者返回字符型维度,以px 为单位;后者返回整数型维度。...alert(e.data.msg); return false; }); live()类似bind(),区别在于可将事件绑定到当前和将来的元素(通过DOM 脚本生成的元素) delegate() 在jQuery
jQuery中的常用内容总结(三) 转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html 内容提要 A>表单参数序列化提交 如果没有借助jQuery...总之,这样麻烦;哈哈~ヽ(●´ω`●)ノ,既然麻烦,jQuery给我们提供了两个好用的方法serializeArray()和serialize() 前者可以将表单的参数值序列化成一个Array的形式(...个人猜想可能是与html规范冲突吧~,这个是我在实际开发中碰到的问题,希望各位不要踩坑啊!...嗯,以上只是提到了js中的遍历,现在给大家演示下jQuery中的遍历,这里需要说明的是一般对象或者数组遍历用js的遍历就好了,jQuery中的遍历(each)一般是用来遍历选定的dom对象的,这里给出样例哈...undefined,这个undefined既不等于true也不等于false,但且记住undefined在if判断中是false,请区别于直接比较的值, 在js中如果除了空和零之外的变量在比较时都是
jQuery中的常用内容总结(三) 转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html ---- A>表单参数序列化提交 如果没有借助jQuery...总之,这样麻烦;哈哈~ヽ(●´ω`●)ノ,既然麻烦,jQuery给我们提供了两个好用的方法serializeArray()和serialize() 前者可以将表单的参数值序列化成一个Array的形式(...个人猜想可能是与html规范冲突吧~,这个是我在实际开发中碰到的问题,希望各位不要踩坑啊!...嗯,以上只是提到了js中的遍历,现在给大家演示下jQuery中的遍历,这里需要说明的是一般对象或者数组遍历用js的遍历就好了,jQuery中的遍历(each)一般是用来遍历选定的dom对象的,这里给出样例哈...undefined,这个undefined既不等于true也不等于false,但且记住undefined在if判断中是false,请区别于直接比较的值, 在js中如果除了空和零之外的变量在比较时都是
第一节) 节点的CSS操作及节点其他操作(第一节) Ajax同步与异步(上一节) 事件(上一节) 弹窗(上一节) 参数序列化(本节) 遍历(本节) 其他(本节) ---- A>表单参数序列化提交 如果没有借助...jQuery,表单可以直接提交,这样带来两个问题就是安全(get提交)或表单参数验证障碍,嗯~,可能很难懂,这样吧,我先放张图,这图是原生get提交的-> ? ...个人猜想可能是与html规范冲突吧~,这个是我在实际开发中碰到的问题,希望各位不要踩坑啊!...嗯,以上只是提到了js中的遍历,现在给大家演示下jQuery中的遍历,这里需要说明的是一般对象或者数组遍历用js的遍历就好了,jQuery中的遍历(each)一般是用来遍历选定的dom对象的,这里给出样例哈...undefined,这个undefined既不等于true也不等于false,但且记住undefined在if判断中是false,请区别于直接比较的值, 在js中如果除了空和零之外的变量在比较时都是
---- jQuery Validate 与正则表达式结合拓展验证 $(function(){ // 判断整数value是否等于0 jQuery.validator.addMethod...=0; }, "整数必须不等于0"); // 判断整数value是否小于0 jQuery.validator.addMethod("isIntLtZero...=0; }, "浮点数必须不等于0"); // 判断浮点数value是否小于0 jQuery.validator.addMethod("isFloatLtZero...$ 21 6.这样我们规定小数点后面必须有两位,如果你认为太苛刻了,可以这样:^[0-9]+(.[0-9]{1,2})?...$ 24 备注:这就是最终结果了,别忘了"+"可以用"*"替代如果你觉得空字符串也可以接受的话(奇怪,为什么?)
与window.onload函数类型。...=值] 获得属性名 不等于 值 元素。 [...][...][...] 复合属性选择器,多个属性同时过滤。...,只要获得jQuery对象,就可以直接绑定事件,jQuery使用的事件与javascript使用的事件名称雷同,jQuery将js事件前面的on去掉了。...itemSelect").prop("checked" , this.checked); }); // 反选 $("#reverseId").click(function(){ // 给每一个input设置与自己相反的状态...// 使用函数进行数据返回 function(){ return ...} // 函数内部this,就是当前操作的对象 ,需要就是与自己相反 !