10.jQuery操作节点(样式、内容、属性、动画)

本文深入探讨了使用jQuery进行DOM节点的操作,包括如何改变元素的样式、设置和获取内容以及动态处理属性。同时,还介绍了如何借助jQuery实现平滑的动画效果,为网页增添互动性。
	样式:
		jQuery.Css()
			//设置样式
			.css("键,值")
			.css({"键":"值","键":"值"})
		jQuery.addClass()
			//追加样式,没有就新增(受选择器优先级影响id->class
		JQuery.removeClass()
			//移除样式 不加参数移除全部,加参数移除指定
		jQuery.toggleClass()
			//操作样式,有则删除,无则添加
			
	内容:
		jQuery.text()
			//改变选中元素的文本内容
				.text("文本内容")			//改变文本内容,原本问呗被替换为'文本内容'
			//如果无参数则获取匹配的文本内容
		jQuery.html()
			//改变选中元素的内容或文本内容
				.html("<a href='#'>百度一下</a>")	//改变内容,原本内容替换为a标签
				.html("文本内容")			//改变文本内容,原本问呗被替换为'文本内容'
			//如果无参数则获取匹配的内容或文本内容
		jQuery.val()
			//设置或者获取<input>元素的值
			//用于将外部数据引入内部或者将内部数据导出外部
				.val()				//获取元素的值
				.val("指定值")		//设置元素的值
	属性:
		jQuery.attr()
			//设置属性值
			.attr("属性名","属性值")
			//只有属性名的时候,获取属性值
			.attr("属性名")
		jQuery.prop()
			//和attr类似
			https://www.runoob.com/jquery/html-prop.html
		jQuery.removeAttr()
			//删除指定属性值
			removeAttr("属性名")
	动画:
		show()
			//显示
			.show()					//显示
			.show(毫秒数)			//带特效,指定时间显示
			.show(毫秒数,函数)
		hide()
			//隐藏
			.hide()					//隐藏
			.hide(毫秒数)			//带特效,指定时间隐藏
			.hide(毫秒数,函数)
		
		toggle()
			//如果是显示,就隐藏。如果是隐藏,就显示
			.toggle(毫秒数)
			.toggle(毫秒数,函数)
			
		淡入淡出:
			fadeIn()				//淡入
				fadeIn(毫秒数)		//设置秒数
				fadeIn(毫秒数,函数)	//执行时,操作别的函数
				
			fadeOut()		//淡出
				fadeOut(毫秒数)		//设置秒数
				fadeOut(毫秒数,函数)//执行时,操作别的函数
			fadeToggle()
				//如果是显示,就隐藏。如果是隐藏,就显示
				fadeToggle(毫秒数)
				fadeToggle(毫秒数,函数)
		
		划入和划出:
			slideDown()				//滑入
			slideUp()				//滑出

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值