jQuery学习笔记

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()

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值