jquery学习

来源：互联网发布：java web项目 license 编辑：程序博客网时间：2024/06/06 11:47

一、显示与隐藏

1、我们更多地是知道隐藏是hide()，显示是show()，其实还有一个是toggle() 如果是隐藏状态，点击后则是显示。三个方法都可以添加参数，即是时间时长。

二、淡入淡出

1、fadeIn()、fadeOut() 淡入实在默认隐藏式淡入。可以添加时间即是 fadeIn(1000);即是一秒完成。也有 fadeToggle 即是既可以淡入也可以淡出。fadeTo() 设置透明度。

三、滑动

1、slideDown() 滑动显示、slideUp() 滑动隐藏、 slideToggle() 切换

四、回调

1、即是在hide("参数一","参数二")。参数二可以写成一个方法名。即是在执行hide()后再去调用参数二方法。

五、jquery 操作HTML

1、 .text() 是获取文本信息，不会以标签的格式显示 .html 会获取标签、

第一种 .text()

$(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 是删除该元素的子元素。

0 0