一、显示与隐藏
1、我们更多地是知道 隐藏是hide(),显示是show(),其实还有一个是toggle() 如果是隐藏状态,点击后则是显示。三个方法都可以添加参数,即是时间时长。
二、淡入淡出
1、fadeIn()、fadeOut() 淡入实在默认隐藏式淡入。可以添加时间即是 fadeIn(1000);即是一秒完成。也有 fadeToggle 即是 既可以淡入也可以淡出。fadeTo() 设置透明度。
三、滑动
1、slideDown() 滑动显示、slideUp() 滑动隐藏、 slideToggle() 切换
四、回调
1、即是在hide("参数一","参数二")。参数二可以写成一个方法名。即是在执行hide()后再去调用参数二方法。
五、jquery 操作HTML
1、 .text() 是获取文本信息,不会以标签的格式显示 .html 会获取标签、
第一种 .text()
<body>
<p id="text">哈哈哈哈,测试<a>A标签</a></p>
<button id="btn1">点击</button>
</body>
$(document).ready(function(){
$('#btn1').click(function(){
alert("text:"+$("#text").text());
});
});
结果为
第二种 .html
$(document).ready(function(){
$('#btn1').click(function(){
alert("text:"+$("#text").html());
});
});
结果为
2 .val() 获取元素的 value 值,即是 例如 文本框便可以通过 val()获取。
3 .attr() 获取元素属性例如 a标签则可以attr("href") ,也可以获取id ,即是 attr("id");
3、在修改标签元素时,既可以使用.text()、也可以使用.html() 但是他们的区别是 .text("hello world");而 .html("<a>这里是A标签</a>");最后会以A标签使用
4、插入元素有 append()在后边插入 和 prepend() 在前边插入。还有before()和after(),这两个插入是换行插入。
5、删除元素 remove() 、empty() 。remove 是全部删除,而empty 是删除该元素的子元素。