jQuery:一个大型的简单的第三方类库,对DOM操作进行封装引入了两个变量名:$、jQuery
1、选择器:$('选择器')
2、筛选器——语法:$('选择器').筛选器名称()
常用筛选器名称:first、last、eq(索引)、next、nextAll、prew——指的是前一个、prewAll、parent——指的是父级、
parents——所有父级,直到html标签,包含html、siblings——所有兄弟元素、find(选择器)——所有后代中满足选择器要求的元素......
3、操作元素
(1)操作元素文本内容
html()——等价于JS中的innerHTML
text()——等价于JS中的innerText
val()————等价于JS中的value
(2)操作元素类名
addClass():元素集合.addClass(需要添加的类名)
removeClass():元素集合.removeClass(需要删除的类名)
toggleClass():元素集合.toggleClass(需要切换的类名)
如果本身没有这个类名则为添加,如果有则为删除
(3)操作元素样式
(4)操作元素属性
I、attr()——一般操作元素的自定义属性
removeAttr()——对元素属性进行删除
II、prop()和removeProp()——
注意:prop方法不能获取元素标签身上的自定义属性,只能获取到prop方法自己设置的自定义属性;
removeProp不能删除原生属性,只能删除由prop方法设置的自定义属性
4、获取元素尺寸
width()和height()——元素内容区域的尺寸
innerWidth()和innerHeight()
outerWidth()和outerHeight()
5、元素偏移量——offset()和position()
6、事件绑定、事件解绑与触发
(1)on()、one()、hover()、
常用事件函数:如click()、mouseover()、change()......
——$('div').click(function(){})
(2)off()、trigger()
trigger():元素集合.trigger(事件类型)
$('div').trigger('click')
7、基本动画函数
show——显示 hide——隐藏 toggle——切换
三者有共同的参数:第一个表示运动时间,第二个表示运动曲线,第三个表示运动结束的回调函数
8、折叠动画函数
slideDown——显示 slideUp——隐藏 slideToggle——切换
三者有共同的参数:第一个表示运动时间,第二个表示运动曲线,第三个表示运动结束的回调函数
9、渐隐渐现动画函数
fadeIn——显示 fadeOut——隐藏 fadeToggle——切换 这三者有共同的参数:第一个表示运动时间,第二个表示运动曲线,第三个表示运动结束的回调函数
fadeTo(运动时间, 指定的透明度, 运动曲线, 运动结束的回调函数)
10、综合动画函数animate()
四个参数:要运动的样式(是以一个对象数据类型传递)、运动时间、运动曲线、运动结束回调函数
对象数据类型中关于颜色和transform相关的样式是不能运动的
11、结束动画函数——stop()、finish()
标签:jQuery,函数,元素,运动,选择器,类名,属性 来源: https://www.cnblogs.com/mmmmmm-rj/p/15963776.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。