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 · 2744 阅读 · 2 评论 -
jQuery绑定事件处理器
事件绑定相对于交互页面是一个非常重要的一个技术,jQuery在事件绑定上面也做了很多。目录bind()delegate()on()off()one()unbind()undelegate()bind()描述:为一个元素绑定一个事件,有三个参数,第一个为事件类型,第二个为处理函数,第三个是布尔值,当为false的时候,阻止冒泡,为true为冒泡事件。$(...原创 2018-07-31 13:58:37 · 292 阅读 · 0 评论 -
jQuery表单事件
jQuery在处理表单上也做了事件处理目录focus()blur()change()select()submit()focus()描述:获取焦点出发事件 :适用于所有元素。$(function(){ $('#target').focus(function(){ console.log(123); })})blur()...原创 2018-07-31 14:05:33 · 584 阅读 · 0 评论 -
jQuery浏览器事件及文档加载事件
目录 浏览器事件error()resize()scroll()文档加载事件ready事件load事件文档加载的过程浏览器事件error()描述:这个已经被弃用,表示出现错误的处理事件。$('img').error(function(){ console.log(1);})resize()描述:页面大小发生改变的时候触发:绑...原创 2018-07-31 14:15:03 · 699 阅读 · 0 评论 -
jQuery基础选择器
最近小白开始学习jQuery,也是通过看视频进行学习,来总结一下自己的学习内容,如果有不足或者出错的情况,还请在积极评论指出,相互学习。 总结一下jQuery中的基础选择器目录 All Selector(‘*’) Class Selector(“.class”) Element Selector("element") ID Selec...原创 2018-07-23 09:21:45 · 223 阅读 · 0 评论 -
jQuery属性选择器
上次总结了一下jQuery中的基础选择器,这次总结一下属性选择器 Attribute Contains Prefix Selector [name|='value']描述:选择指定属性值给定字符串或以该字符串为前缀(该字符串后跟着连字符“-”)的元素语法:jQuery("[attribute |= "value"]")或者$("[attribute |= "value"]")注...原创 2018-07-23 10:52:41 · 270 阅读 · 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 · 643 阅读 · 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 · 310 阅读 · 0 评论 -
jQuery内容过滤
上节总结了jQuery中的基础过滤,这节总结一下内容过滤目录:contains() Selector:empty Selector:has() Selector:parent Selector:contains() Selector描述:选择所有包含指定文本的元素。语法:$(":contains("text")")或者jQuery(":contains("text"...原创 2018-07-28 10:52:25 · 601 阅读 · 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 · 325 阅读 · 0 评论 -
jQuery可见性过滤
在jQuery的扩展过滤里面由于选择元素性能不是很好,所以当在使用jQuery过滤的时候通常是配合着基础选择器来使用。目录:hidden Selector:visible Selector:hidden Selector描述:选择所有隐藏的元素语法:$(":hidden")或者jQuery(":hidden")补充:元素可被认为隐藏有一下几种情况 1...原创 2018-07-28 12:05:45 · 273 阅读 · 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 · 310 阅读 · 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 · 729 阅读 · 0 评论 -
jQuery遍历-过滤
我个人感觉jQuery中最大的好处就是选择Dom元素方面了。选择Dom中除了选择器、过滤,当然还有遍历了。总结一下遍历中的过滤目录eq()filter()first()last()has()is()not()map()slice()eq()描述:减少匹配元素的集合为指定的索引的哪一个元素索引值可以是负值,也可以是正值,<p>...原创 2018-07-29 22:03:39 · 507 阅读 · 0 评论 -
jQuery遍历-其他遍历
jQuery遍历中的其他遍历中包含着很重要的操作目录add()content()end()add()描述:添加元素到匹配的元素集合中。这个也是经常用到的,如果我们要设置div和p相同的的样式而div又有单独的样式的时候。可以用这个<div></div><p></p><script> $(fun...原创 2018-07-29 22:20:08 · 328 阅读 · 0 评论 -
jQuery树遍历
我们知道在HTML结构中元素的嵌套形成了树形结构,在查找节点的时候当然也可以用树形查找的方法,jQuery提供了树形遍历的方法。更加方便的进行遍历节点目录children()closest()find()next()nextAll()nextUnitl()parent()parents()offsetParent()parentsUntil()pre...原创 2018-07-30 12:20:40 · 1369 阅读 · 0 评论