jQuery

最新推荐文章于 2023-05-23 11:56:06 发布

转载最新推荐文章于 2023-05-23 11:56:06 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://mp.youkuaiyun.com/console/editor/html/83305729

jQuery 专栏收录该内容

1 篇文章

订阅专栏

jQuery

//事件
click()                //单击
dbclick()               //双击
mouseenter()            //鼠标穿过
mouseleave()            //鼠标离开
mousedown()             //按下鼠标按键
mouseup()               //松开鼠标按钮
hover()                   //用于模拟光标悬停事件。
focus()                   //获得焦点
blur()                   //失去焦点
hide(speed,callback)    //隐藏
show(speed,callback)    //显示

//淡入淡出
fadeIn(speed,callback)        //用于淡入已隐藏的元素。
fadeOut(speed,callback)       //用于淡出可见元素。
fadeToggle(speed,callback)   //可以在 fadeIn() 与 fadeOut() 方法之间进行切换。
fadeTo(speed,callback)       //允许渐变为给定的不透明度（值介于 0 与 1 之间）。

//滑动
slideDown(speed,callback) //向下滑动元素。
slideUp(speed,callback) //向上滑动元素。
slideToggle(speed,callback) //可以在 slideDown() 与 slideUp() 方法之间进行切换。

//动画
animate({params},speed,callback) //用于创建自定义动画。
stop(stopAll,goToEnd) //可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

//捕获
text()    //设置或返回所选元素的文本内容
html()    //设置或返回所选元素的内容（包括 HTML 标记）
val()    //设置或返回表单字段的值
attr()    //方法用于获取属性值

//添加、删除
append()    //在被选元素的结尾插入内容
prepend()    //在被选元素的开头插入内容
after()    //在被选元素之后插入内容
before()    //在被选元素之前插入内容
remove()    //删除被选元素（及其子元素）
empty()    //从被选元素中删除子元素

//css类
addClass()        //向被选元素添加一个或多个类
removeClass()    //从被选元素删除一个或多个类
toggleClass()    //对被选元素进行添加/删除类的切换操作
css({"propertyname":"value","propertyname":"value",...}) //设置或返回样式属性

//父类、子类、同胞
parent()        //返回被选元素的直接父元素。
parents()        //返回被选元素的所有祖先元素，它一路向上直到文档的根元素 (<html>)。
parentsUntil()    //返回介于两个给定元素之间的所有祖先元素。
children()        //返回被选元素的所有直接子元素。
find()            //返回被选元素的后代元素，一路向下直到最后一个后代。
siblings()    //返回被选元素的所有同胞元素。
next()        //返回被选元素的下一个同胞元素。
nextAll()    //返回被选元素的所有跟随的同胞元素。
nextUntil() //返回介于两个给定参数之间的所有跟随的同胞元素。

//过滤
first()    //返回被选元素的首个元素。
last()        //返回被选元素的最后一个元素。
eq()        //返回被选元素中带有指定索引号的元素。
filter()    //允许您规定一个标准。不匹配这个标准的元素会被从集合中删除，匹配的元素会被返回。
not()        //返回不匹配标准的所有元素。

<!-- <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
});
</script>
</head>
<body>
<p>如果你点击“隐藏” 按钮，我将会消失。</p>
<button id="hide">隐藏</button>
<button id="show">显示</button>
</body>
</html>