jqDOM操作--属性、遍历、添删

			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元素
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值