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 · 111 阅读 · 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 · 108 阅读 · 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 · 194 阅读 · 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 · 303 阅读 · 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 · 157 阅读 · 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 · 91 阅读 · 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 · 127 阅读 · 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 · 107 阅读 · 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 · 487 阅读 · 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 · 202 阅读 · 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 · 143 阅读 · 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 · 213 阅读 · 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 · 189 阅读 · 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 · 437 阅读 · 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 · 94 阅读 · 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 · 292 阅读 · 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 · 103 阅读 · 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 · 85 阅读 · 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 · 189 阅读 · 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 · 128 阅读 · 0 评论