jquery常用方法

jquery用$锁定标签,都是调用方法,关键字不加"",要导库
入口函数:先导入静态页面加载完
KaTeX parse error: Expected '}', got 'EOF' at end of input: …匿名函数 alter(("#a1").text());
}
);//页面加载完

Dom操作

获取元素

text()获得文本内容
1:get 不给值
2: set 给值

html() 设置或返回所选元素的内容(包括HTML标记)$("#a2").html()
val() 设置或返回标签value整个属性的值 $(“input”).val()
attr() 获取属性单入参,设置多入参()

添加 元素
append() 在被选元素的结尾(标签内部)插入内容 $(".table").append(“迪迦”);
prepend() 在被选元素的开头插入内容
after() 在被选元素之后(标签外部) 插入内容
before() 在被选元素之前插入内容

删除元素
remove() 删除被选元素(及其子元素)
$(“tr”).remove("#tr");
empty() 从被选元素中删除子元素

操作css
addClass() 向被选元素添加一个或多个类 添加class
先写好样式,直接添加
removeClass() 从被选元素删除一个或多个类
toggleClass() 对被选元素进行添加/删除类的切换操作 两种状态之间切换
有时有,有时没有
css() 设置或返回样式的属性
单个
$(“div”).css(“font-size”,“30px”);
多个
show()
display() 显示相当于display:block
hide() 隐藏相当于display:none

遍历
parent() 返回被选元素的直接父元素
parents() 被选元素的所有祖先元素,直到文档的根元素

children() 被选元素的所有直接子元素
find() 被选元素的后代元素,直到最后一个

siblings() 返回被选元素的所有同胞元素
$(“h2”).siblings(“p”); 返回h2的同胞元素的所有p元素
next() 返回下一个同胞元素
nextAll() 返回被选元素下面的所有跟随的同胞元素
prev() 返回上一个同胞元素
prevAll() 返回被选元素上面的所有跟随的同胞元素

过滤
first() 返回被选元素的首个元素
last() 返回被选元素的最后一个元素
eq() 返回被选元素中带有指定索引号的元素
filter() 运行规定一个标准
$(“p”).filter(".intro") 返回带有类目"intro"的所有p元素
not() 返回不匹配标准的所有元素
$(“p”).not(".intro") 不返回带有类目"intro"的所有p元素

其他
index() 索引
$("[href=’#’]") href属性的值等于#元素
$(‘table tr:even’) 偶数
$(‘table tr:odd’) 奇数
.attr() 标签里的属性
each() 每个元素遍历
setTimeout(function(){},100); 控制方法在多少毫秒后执行一次 延迟
setInterver(“方法名”,1000) 每隔1秒执行一次
点击事件 比js少了一个on

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值