jQuery笔记
$("")等价于jQuery("")
.html 为标签添加一段文本节点
function(){} = window.onload
jQuery访问DOM节点
Document.getElementByid() 返回对拥有指定id的第一个对象的引用
Document.getElementsByClassName() 返回包含带有指定类名的所有元素的节点列表
Document.getElementsByTagName() 返回带有指定标签名的对象集合
<script> //获取jQuery对象 var jqeuryObj = $("#XDL"); //打印结果:[object Object] alert(jqueryObj); //获取DOM对象 var javaScriptObj = document.getElementById("XDL"); //打印结果:[object HTMLDivElement] alert(javaScriptObj)
jquery中提供了[index]索引和get(index)方法,将jQuery对象变成DOM对象
jquery中,$()方法能够直接接收一个DOM对象,将其转化为jQuery对象
css属性中,如果属性是由多个单词组成的,则需要把多个单词改为小驼峰格式,如fontSize
addClass()方法为节点添加class类名
removeClass()方法为节点移除class类名
toggleClass()方法为节点切换class类名
选择器
标签选择器 标签名E{}
ID选择器 #匹配ID
类选择器 .匹配class
组合选择器 E1,E2{} 匹配所有E1,E2的元素节点
包含选择器 E1 E2{} 匹配E1里面E2的元素
基本选择器 $("*") 匹配所有元素
层级选择器 $("prev~siblings") 匹配prev元素后面所有的siblings兄弟元素
基本过滤选择器 :even 选取索引是偶数的所有元素,索引值从0开始
基本过滤选择器 :odd 选取索引是奇数的所有元素,索引值从0开始
基本过滤选择器 :focus 选取当前获取焦点的元素
内容过滤选择器 :contains(text) 选取含有文本内容为"text"的元素
内容过滤选择器 :empty 选取不包含子元素或文本元素的空元素
内容过滤选择器 :has(selector) 获取含有选择器所匹配的元素的元素
内容过滤选择器 :parent 获取含有子元素或文本元素的非空元素
可见性过滤选择器 :hidden 获取所有不可见元素
可见性过滤选择器 :visible 获取所有可见元素
表单对象属性过滤选择器 :enabled 获取所有可用元素
表单对象属性过滤选择器 :disabled 获取所有不可用元素
表单对象属性过滤选择器 :checked 获取所有被选中的元素
表单对象属性过滤选择器 :selected 获取所有被选中的选项元素
val 设置或返回表单字段的值
attr 获取属性值
查找父级元素
parent 上一级
parents 所有父级
parentsUntil 查找截止到某个元素
查找子元素
children 下一级
find 查找多个子元素(*)
遍历同胞
siblings() 返回被选元素的所有同胞元素
next() 返回被选元素的下一个同胞元素
nextAll() 返回被选元素的所有跟随的同胞元素
nextUntil() 返回介于两个给定参数之间的所有跟随的同胞元素
prev() 往前返回
prevAll()
prevUntil()