jQuery常用属性
名称 |
作用 |
举例 |
返回值 |
length |
获取节点的长度 |
$("p").leng |
返回p标签的长度,即个数 |
jQuery常用方法
名称 |
作用 |
举例 |
实现效果 |
$() |
创建对象 |
$(“p”) |
创建一个jQuery对象,初始值是所有的p标签 |
click |
获取节点的长度 |
$("p").leng |
返回p标签的长度,即个数 |
eq() |
取出元素 |
$("p"). eq(i) |
对下标为i的p标签进行操作 |
animate |
控制对象的运动 |
1$("div").animate({"width":600},1000); |
让div运动到目标位置 |
css() |
设置样式 |
$("#box").css("background-color","red"); |
将 #box 背景颜色设为红色 |
mousewheel |
滚轮事件 |
|
|
each |
遍历事件 |
|
|
removeClass |
移除样式 |
$("div").removeClass("current") |
给div移除类名为current的样式 |
addClacss |
添加样式 |
$("div").addClass("current") |
给div类添加名为current的样式 |
index() |
append 和appendTo 方法比较
注意传入参数的区别
$("p").append (“要添加的内容,字符串形式”)//后面加到前面
$("<b>China</b>").appendTo(“jQuery表达式”)//前面加到后面
<body>
<p>I from </p>
<p>I love </p>
</body>
<script type="text/javascript" src="../../Jquery-01/lib/jquery-3.2.1.js"></script>
<script type="text/javascript">
$("p").append("China");//添加进p标签去 参数是字符串形式,即要添加的内容==>I from China /I love China
// $("<span>China</span>").appendTo("p");//参数是jQuery表达式输出结果与前面一样
</script>
</html>