![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
文章平均质量分 80
卷毛崽
这个作者很懒,什么都没留下…
展开
-
JQuery 课时26 jQuery 遍历_其他遍历
JQuery 课时26 jQuery 遍历_其他遍历.add().contents().end().add()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width原创 2021-07-11 17:56:26 · 81 阅读 · 0 评论 -
JQuery 课时25 jQuery 遍历_过滤
JQuery 课时25 jQuery 遍历_过滤过滤1、.eq()2、.filter(选择器/函数)3、first()4、last()5、has()6、is() 通常使用于回调函数7、.not()8、.map() ,参数是一个函数对象,会在处理集合中的每个元素时都会调用9、.slice()过滤1、.eq()通过索引锁定值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-07-11 17:32:40 · 88 阅读 · 0 评论 -
JQuery 课时23 jQuery css属性
JQuery 课时23 jQuery css属性1、.css()2、.height() 获取当前高度值或者设置高度值,不受margin、padding等影响;能接受参数3、 .width()获取当前宽度值或者设置宽度值4、innerHeight()5、innerWidth()6、1、.css()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta h原创 2021-07-06 17:06:59 · 170 阅读 · 0 评论 -
JQuery 课时22 jQuery DOM移除、DOM替换
JQuery 课时22 jQuery DOM移除、DOM替换DOM移除1、.detach() 去掉所有匹配元素2、.empty():去掉匹配元素的所有子节点3、.remove(),删除元素,并且删除元素上的事件及jquery数据4、.unwrap(),删除匹配元素的父元素,保留自身DOM替换1、.replaceAll(),替换每个目标元素2、.replaceWith(),替换所有匹配元素并返回被删除元素的集合)DOM移除1、.detach() 去掉所有匹配元素<!DOCTYPE html&原创 2021-07-05 22:37:31 · 205 阅读 · 0 评论 -
JQuery 课时21 jQuery复制元素、DOM插入到现有元素外
JQuery 课时21 jQuery复制元素、DOM插入到现有元素外复制元素DOM插入现有元素外1、.after()2、.before()3、 .insertAfter()4、 .insertBefore())复制元素.clone():创建一个匹配的元素集合的深度拷贝副本<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv=原创 2021-07-05 22:17:14 · 127 阅读 · 0 评论 -
JQuery 课时20 jQuery_DOM插入现有元素内
JQuery 课时20 jQuery_DOM插入现有元素内1、.append()2、appendto()3、.html()4、.prepend()5、.prependTo()6、.text()1、.append()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2021-07-05 21:56:13 · 61 阅读 · 0 评论 -
JQuery 课时19 jQuery_CDN、DOM插入并包裹现有内容
JQuery 课时19 jQuery_CDN、DOM插入并包裹现有内容1、class属性2、Dom插入并包裹现有内容1、wrap():在每个匹配元素外层包上一个html元素2、unwrap()-删除紧挨着的父级元素3、wrapAll(),在所有匹配元素外层增加一个html元素4、wrapinner():匹配元素里的内容外包一层标签3、Dom插入现有元素内4、Dom移除5、Dom替换6、通用属性操作7、css属性8、复制元素1、class属性addClass() 、hasClass() 、removeCl原创 2021-07-05 20:20:19 · 102 阅读 · 0 评论 -
JQuery 课时17:JQuery事件对象
Query 课时17:JQuery DOM属性概要1、addClass(className):为每个匹配元素添加指定的样式类名2、attr(attrbuteName):只有一个参数时,获取匹配的元素集合中的第一个元素的属性值;有两个参数时设置每一个匹配元素的一个或多个属性3、hasClass(className):确定任何一个元素是否有给定到某个(样式)类4、.html() 当没有参数时为获取当前的内容,两个参数时为添加页面内容5、prop()6、removerattr()7、removeClass()8、原创 2021-07-05 17:16:39 · 85 阅读 · 0 评论 -
JQuery 课时16:JQuery表单事件
JQuery 课时15:JQuery事件对象1、focus()-获得焦点事件2、blur()-失去焦点事件3、change()-一个元素的值改变就会触发,仅限于input、select、textarea4、select(),当选择元素中的文本中触发,仅限于input type=text、select、textarea5、submit(),当用户提交表单时触发,只能用于form表单上1、focus()-获得焦点事件<!DOCTYPE html><html lang="en">&原创 2021-07-05 16:03:54 · 383 阅读 · 0 评论 -
JQuery 课时15:JQuery事件对象
JQuery 课时15:JQuery事件对象1、event.curretTarget-指向事件监听者2、event.Target-指向事件的目标3、event.delegateTarget4、event.pageX-鼠标相对与左边缘的位置5、event.pageY-鼠标相对与上边缘的位置6、event.type--获取当前事件类型7、event.preventDefault()-阻止默认事件8、event.stopPropagation()1、event.curretTarget-指向事件监听者2、ev原创 2021-07-05 15:10:18 · 174 阅读 · 0 评论 -
JQuery 课时13:JQuery绑定事件处理器
JQuery 课时12:JQuery绑定事件处理器1、bind()--不推荐使用了,建议用on2、delegate()3、1、bind()–不推荐使用了,建议用onbind()给元素绑定一个事件bind(事件类型,处理函数即function,布尔值(false为阻止冒泡事件,true为冒泡事件))<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta原创 2021-07-05 14:28:50 · 111 阅读 · 0 评论 -
JQuery 课时12:JQuery浏览器事件、文档加载事件
JQuery 课时12:JQuery浏览器事件、文档加载事件浏览器事件.error().resize().scroll()文档加载事件文档加载过程浏览器事件.error()js3.0版本已经启用error()<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edg原创 2021-07-04 22:37:05 · 159 阅读 · 1 评论 -
JQuery 课时11:JQuery键盘事件
JQuery 课时11:JQuery键盘事件.keydown().keypress().keyup()常见键盘按键对应代码键盘触发顺序.keydown()键盘按下被触发,适合表单元素.keypress()敲击键盘时触发,可以理解为按下并抬起同一个键.keyup()按键释放时触发,按下并抬起同一个键常见键盘按键对应代码jquery获取键盘代码 <script> $(document).keydown(function(event){原创 2021-07-04 22:04:53 · 156 阅读 · 0 评论 -
JQuery 课时十:JQuery鼠标事件
JQuery 课时十:JQuery鼠标事件1、.click(): 点击事件2、.dblclick():双击事件3、.hover():鼠标悬停和离开4、.mousedown():鼠标按下5、.mouseenter():鼠标进入元素6、.mouseleave():鼠标离开元素7、.mousemove():鼠标在元素内移动8、.mouseout():鼠标离开元素(支持事件冒泡)9、.mouseover():鼠标放入元素内(支持事件冒泡)10、.mouseup():鼠标按键被释放冒泡事件和捕获事件1、.click原创 2021-07-04 21:50:52 · 279 阅读 · 0 评论 -
JQuery 课时九:JQuery可见性过滤和扩展
JQuery 课时九:JQuery可见性过滤和扩展扩展可见性过滤1、hidden selector2、visible selector扩展在使用最好是先使用css选择器,再利用以下选择器进一步过滤例子:给给序列号为偶数的标签加上样式<body> <table border="1"> <tr><td>index 0</td></tr> <tr><td>index原创 2021-07-04 21:05:55 · 72 阅读 · 0 评论 -
JQuery 课时八:JQuery层级
JQuery 课时八:JQuery层级1、Child Selector子元素选择器--直接子元素2、descendant Selector 后代选择器-所有后代元素3、next adjacent selector("prev" + "next")相邻选择器4、Next Slibings Selectors 兄弟选择器1、Child Selector子元素选择器–直接子元素<!DOCTYPE html><html lang="en"><head> <原创 2021-07-04 20:30:18 · 217 阅读 · 0 评论 -
JQuery 课时七:JQuery表单
JQuery 课时七:JQuery表单1、:button Selector2、:checkbox Selector3、:checked Selector4、:disabled Selector5、:enabled Selector6、:file Selector7、:focus Selector8、:image Selector9、:input Selector10、:password Selector11、:radio Selector12、:submit Selector例子1、:button Sel原创 2021-07-04 17:27:35 · 69 阅读 · 0 评论 -
JQuery 课时六:JQuery内容过滤
JQuery 课时五:JQuery内容过滤:contains Selector:empty Selector:has() Selector:parent Selector:contains Selector<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=e原创 2021-07-04 16:49:25 · 65 阅读 · 0 评论 -
JQuery 课时五:JQuery子元素过滤
JQuery 课时五:JQuery子元素过滤参考地址:first-child Selector:last-child Selector:first-of-type Selector:last-of-type Selector:nth-child() Selector参考地址:first-child Selector<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">原创 2021-07-04 16:26:06 · 117 阅读 · 0 评论 -
JQuery 课时四 jQuery基础过滤器
课时四 jQuery基础过滤器:animated Selector:eq( ) Selector:even Selector:first Selector:focus Selector:header Selector:last Selector:gt() Selector:lt() Selector:not Selector:animated Selector<!DOCTYPE html><html lang="en"><head> <meta c原创 2021-07-04 16:05:48 · 100 阅读 · 0 评论