您的位置：首页 > Web前端 > JQuery

jquery学习

2015-10-19 18:35 483 查看

一、显示与隐藏

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航