jQuery学习总结
文章平均质量分 68
最近在学习jQuery,所以在学习期间顺便做一下总结,欢迎大佬前来指出小白的错误或者给出意见或建议。相互学习
c-Tomorrow
如果你能力撑不起野心的时候,那么就应该静下心来好好学习了。
展开
-
jQuery表单选择器
jQuery在选择器方面也做了一个关于表单的选择器,方便选择表单元素 目录 :button Selector :checkbox Selector :checked Selector :disabled Selector :enabled Selector :file Selector :focus Selector :image Selector :input Selecto...原创 2018-07-31 13:24:38 · 2797 阅读 · 2 评论 -
jQuery绑定事件处理器
事件绑定相对于交互页面是一个非常重要的一个技术,jQuery在事件绑定上面也做了很多。 目录 bind() delegate() on() off() one() unbind() undelegate() bind() 描述:为一个元素绑定一个事件,有三个参数,第一个为事件类型,第二个为处理函数,第三个是布尔值,当为false的时候,阻止冒泡,为true为冒泡事件。 $(...原创 2018-07-31 13:58:37 · 316 阅读 · 0 评论 -
jQuery表单事件
jQuery在处理表单上也做了事件处理 目录 focus() blur() change() select() submit() focus() 描述:获取焦点出发事件 :适用于所有元素。 $(function(){ $('#target').focus(function(){ console.log(123); }) }) blur()...原创 2018-07-31 14:05:33 · 643 阅读 · 0 评论 -
jQuery浏览器事件及文档加载事件
目录 浏览器事件 error() resize() scroll() 文档加载事件 ready事件 load事件 文档加载的过程 浏览器事件 error() 描述:这个已经被弃用,表示出现错误的处理事件。 $('img').error(function(){ console.log(1); }) resize() 描述:页面大小发生改变的时候触发:绑...原创 2018-07-31 14:15:03 · 729 阅读 · 0 评论 -
jQuery基础选择器
最近小白开始学习jQuery,也是通过看视频进行学习,来总结一下自己的学习内容,如果有不足或者出错的情况,还请在积极评论指出,相互学习。 总结一下jQuery中的基础选择器 目录 All Selector(‘*’) Class Selector(“.class”) Element Selector("element") ID Selec...原创 2018-07-23 09:21:45 · 265 阅读 · 0 评论 -
jQuery属性选择器
上次总结了一下jQuery中的基础选择器,这次总结一下属性选择器 Attribute Contains Prefix Selector [name|='value'] 描述:选择指定属性值给定字符串或以该字符串为前缀(该字符串后跟着连字符“-”)的元素 语法:jQuery("[attribute |= "value"]")或者$("[attribute |= "value"]") 注...原创 2018-07-23 10:52:41 · 297 阅读 · 0 评论 -
jQuery层级选择器
在jQuery中,为了方便层级选择,可使用层级选择器 目录 Child Selector ('parent > child')子元素选择器 descendant Selector (后代选择器) next adjacent Selctor ('prev + next') 相邻选择器 Next Sliblings Selector('prev ~ siblings) Chi...原创 2018-07-27 17:20:05 · 667 阅读 · 0 评论 -
jQuery基础过滤
当我们需要快速选择所需要的元素的时候,那么就应该用选择器和过滤来选择了,本篇文章总结一下基础过滤 目录 :animated Selector :eq(index) Selector :even Selector :odd Selector :first Selector :last Selector :focus Selector :header Selector :gt(in...原创 2018-07-27 19:07:16 · 405 阅读 · 0 评论 -
jQuery内容过滤
上节总结了jQuery中的基础过滤,这节总结一下内容过滤 目录 :contains() Selector :empty Selector :has() Selector :parent Selector :contains() Selector 描述:选择所有包含指定文本的元素。 语法:$(":contains("text")")或者jQuery(":contains("text"...原创 2018-07-28 10:52:25 · 633 阅读 · 0 评论 -
jQuery子元素过滤
今天总结一下jQuery中的子元素过滤 目录 :first-child Selector :last-child Selector :first-of-type Selector :last-of-type Selector :nth-child() Selector :first-child Selector 描述:选择所有父级元素下的第一个子元素 语法:$(":first-c...原创 2018-07-28 11:30:09 · 381 阅读 · 0 评论 -
jQuery可见性过滤
在jQuery的扩展过滤里面由于选择元素性能不是很好,所以当在使用jQuery过滤的时候通常是配合着基础选择器来使用。 目录 :hidden Selector :visible Selector :hidden Selector 描述:选择所有隐藏的元素 语法:$(":hidden")或者jQuery(":hidden") 补充:元素可被认为隐藏有一下几种情况 1...原创 2018-07-28 12:05:45 · 311 阅读 · 0 评论 -
jQueryDom属性
前面总结完了jQuery的选择器和过滤,在jQuery中比较重要是还是操控Dom属性。 目录 addClass(className) attr(attributeName) hasClass(className) html() prop(propertyName) removeAttr(attributeName) removeClass([className]) removeP...原创 2018-07-28 14:22:24 · 375 阅读 · 0 评论 -
jQueryDom操作全解
说到底,jQuery是一个JavaScript库,离不开对Dom的操作。今天就总结一下jQuery中的Dom操作 目录 Dom插入并包裹现有内容 wrap(wrappingElement) unwrap() wrapAll(wrappingElement) wrapInner(wrappingElement) Dom插入现有元素内 append() appendTo() htm...原创 2018-07-29 16:53:25 · 1037 阅读 · 0 评论 -
jQuery遍历-过滤
我个人感觉jQuery中最大的好处就是选择Dom元素方面了。选择Dom中除了选择器、过滤,当然还有遍历了。 总结一下遍历中的过滤 目录 eq() filter() first() last() has() is() not() map() slice() eq() 描述:减少匹配元素的集合为指定的索引的哪一个元素 索引值可以是负值,也可以是正值, <p>...原创 2018-07-29 22:03:39 · 609 阅读 · 0 评论 -
jQuery遍历-其他遍历
jQuery遍历中的其他遍历中包含着很重要的操作 目录 add() content() end() add() 描述:添加元素到匹配的元素集合中。 这个也是经常用到的,如果我们要设置div和p相同的的样式而div又有单独的样式的时候。可以用这个 <div></div> <p></p> <script> $(fun...原创 2018-07-29 22:20:08 · 369 阅读 · 0 评论 -
jQuery树遍历
我们知道在HTML结构中元素的嵌套形成了树形结构,在查找节点的时候当然也可以用树形查找的方法,jQuery提供了树形遍历的方法。更加方便的进行遍历节点 目录 children() closest() find() next() nextAll() nextUnitl() parent() parents() offsetParent() parentsUntil() pre...原创 2018-07-30 12:20:40 · 1465 阅读 · 0 评论