jQuery
一、显示与隐藏
- hide()
可以使用 hide() 方法来隐藏HTML 元素:
$("#hide").click(function(){
$("p").hide();
});
- show()
show() 方法来显示 HTML 元素
$("#show").click(function(){
$("p").show();
});
- toggle()
可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素,并隐藏已显示的元素:
$(selector).toggle(speed,callback);
<hr/>
二、动画
- animate() 方法
jQuery animate() 方法用于创建自定义动画。
$(selector).animate({params},speed,callback);
- 必需的 params 参数定义形成动画的 CSS 属性
- 可选的 speed 参数规定效果的时长,可以取以下值:"slow"、"fast" 或毫秒。
- 可选callback 参数是动画完成后所执行的函数名称
2.animate() - 使用预定义的值
(可以把属性的动画值设置为 "show"、"hide" 或 "toggle")
实例
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});
三、获取
获得内容 - text()、html() 以及 val()
- text() - 设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容(包括 HTML 标记)
- val() - 设置或返回表单字段的值
- 获取属性 - attr()
attr() 方法用于获取属性值。
实例
$("button").click(function(){
alert($("#w3s").attr("href"));
});
- text()、html() 以及 val() 的回调函数
text()、html() 以及 val(),同样拥有回调函数。回调函数由两个参数:被选元素列表中当前元素的下标以及原始(旧的)值。然后以函数新值返回您希望使用的字符串
四、添加
- append() 方法在被选元素的结尾插入内容。
实例
$("p").append("Some appended text.");
- prepend() 方法在被选元素的开头插入内容。
$("p").prepend("Some prepended text.");
- after() 和 before() 方法
jQuery after() 方法在被选元素
之后
插入内容。
jQuery before() 方法在被选元素之前
插入内容。
实例
$("img").after("Some text after");
$("img").before("Some text before");