1.jq的回调函数(callback)--就是在执行完某个事情后再执行其他的事情
2.jq链 支持链式调用 (顺势调用)
3.jq三种显示方法,实际原理是改变元素的display属性
1. hide() 隐藏
show() 显示
toggle() 在hide()和show()之间切换
2. fadeIn() 淡入
fadeOut() 淡出
fadeToggle() 淡入淡出切换
3. slideUp() 向上滑动
slideDown() 向下滑动
slideToggle() 上下滑动
4.jq改变css样式
css()
animate() 不支持颜色变化
$(".box").animate({
"width":"300px",
"height":"300px",
"marginLeft":"200px"
},2000)
5.停止动画
stop()--stop(true)
6.jqDOM操作
html()--html("<div></div>")原生html改为传参形式
text()--innerText 直接显示<></>中间的文字
val()--设置或者返回表单的值
attr()--获取属性里的值
添加:
父级中加子集:
append()--在查找的元素里添加在最后面--$("p").append("<b>123</b>")--结果<p><b>123</b></p>
prepend()--在查找的元素里添加在最前面--同理append()
加入同级元素:
after()--之后
before()--之前
删除:
remove("选择器")--选择器就是"li",".box"之类的,而remove是删除当前元素及其子元素
empty()--当前元素保留,清楚里面的元素及其内容清空
7.操作元素的class名字(加样式)
addClass()
removeClass()
toggleClass()
8.遍历
parent()--直接父级
parents()--所有父级
parentUntil("div")--找父级找到div为止,不包含div
children()--直接子集
find("*")--所有子集 find("div")就是所有div子集,不仅仅是直接div子集
找同级:
siblings()--找同级,不包含自己
next()--找下一个同级
nextAll()--下面所有同级
nextUntil()--直到...为止,相当于一个开区间
prev()--上一个同级
prevAll()--上面所有同级
prevUntil()--同理
9.过滤
first()--$("div p").first() 就是第一个<div>中第一个<p>元素
last()--$("div p").last() 就是最后一个<div>中最后一个<p>元素
eq()--返回指定索引号的元素--$("p").eq(1) 就是所有<p>元素中的序列号为1的元素,也就是第二个(序列号从0开始排)
filter()--$("p").filter(".url") 就是找到class名字为url的p元素--自己规定一个过滤器,从哪选出什么
not()--与filter()相反--找到class名字不是url的所有p元素
jqDOM操作--属性、遍历、添删
最新推荐文章于 2022-05-04 01:42:04 发布