jq的用法

find:找到元素/标签
eq()
even:奇数
odd:偶数
li:lt(2):小于2
li:gt(2):大于2
prev():允许我们在 DOM 树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的 jQuery 对象
slideDown:展开
slideUp:收起
slideToggle:切换
fadeIn:淡入
fadeOut:淡出
fadeToggle:切换
修改图片类型:attr()
修改布尔类型:prop() 按钮 表单
appendTo() 方法在被选元素的结尾(仍然在内部)插入指定内容
prepend() 方法在被选元素的开头(仍位于内部)插入指定内容。
tab切换:添加 addclass 删除:removeclass
显示:show()
隐藏:hide()
添加到开头:prepend()
前面添加:before(a)
清空:empty()
毁灭:remove()
outerWidth:padding+width+border
outerWidth(true):padding+width+border+margin
scroll:页面卷曲
遍历数组:$("li").each(function(index,item) index:索引值 item:元素数组 原生js这两个相反 可以返回伪数组
addClass:添加类名
removeClass:移除类名
toggleClass:切换

自定义动画过渡
$(".box1").animate({"left":800},8000,'swing',function(){
console.log("默认效果 荡秋千");
})
$(".box2").animate({"left":800},8000,'linear',function(){
console.log("匀速效果 线性");
})

stop () 方法为被选元素停止当前正在运行的动画
stop(clearQueue,jumpToEnd)
clearQueue:true 清除队列中的所有动画
jumpToEnd:是否跳转到当前动画的结束位置

posted @ 2025-01-08 16:19  D广凯  阅读(24)  评论(0)    收藏  举报