jQuery
白菜苗
菜菜
展开
-
jQuery层次选择器——jQuery学习(4)
层次选择器:查找子元素,后代元素,兄弟元素的选择器1、ancestor descendant在给定的祖先元素下匹配所有的后代元素;2、parent>child在给定的父元素下面匹配所有的子元素;3、pre+next匹配所有紧接着在pre后的next元素;4、prev~siblings匹配prev元素之后的所有siblings元素实例代码:<!DOCTYPE html><html><head> <title>层次选择器</t原创 2021-05-17 19:45:11 · 268 阅读 · 0 评论 -
jQuery基本选择器——jQuery学习(3)
示例代码:<!DOCTYPE html><html><head> <title>基本选择器</title> <meta charset="utf-8"></head><body> <div id="div1" class="box">div1(class="box")</div> <div id="div2" class="box">div2(class="b原创 2021-05-17 17:00:05 · 77 阅读 · 0 评论 -
jQuery对象——jQuery学习(2)
1、jQuery对象是一个包含所有匹配的任意多个dom元素的伪数组对象;2、基本行为:size()/length():包含的DOM元素个数;[index]/get(index):得到对应位置的dom元素;each():遍历包含的所有dom元素;index():得到在所在兄弟元素中的下标。代码示例:<!DOCTYPE html><html><head> <title>jQuery对象</title></head>原创 2021-05-17 16:04:04 · 96 阅读 · 0 评论 -
jQuery核心函数——jQuery学习(1)
1.作为一般函数调用:$(param)1).参数为函数:当DOM加载完成后,执行此回调函数2).参数为选择器字符串:查找所有匹配的标签,并将它们封装成jQuery对象3).参数为DOM对象:将dom对象封装成jQuery对象4).参数为HTML标签字符串(用得少):创建标签对象并封装成jQuery对象2.作为对象使用:$.xxx()1).$.each():隐式遍历数组2).$.trim():去除两端空格代码讲解示例:<!DOCTYPE html><html>&l原创 2021-05-17 16:00:21 · 104 阅读 · 0 评论