Jquery(4)
时间:2011-06-01 来源:阳光季节
1,属性过滤器
$("input[name=abc]:控件的属性值") //获取所有name="abc" 的checkbox
$("div[title!=abc]") //获取所有title不等于abc的div
$(function () {
$("#select").click(function () {
var ckbs = $("input[name=2]:checked");});//name为2 的input控件并且属性为checked的控件集合
ckbs.each(function () {
alert($(this).val());
});
});
2, 表单选择器
$(":input") 以这种方式能够获取例如<textarea>等标签属性
3,属性选择器
$("#x1 input:first").attr("value", "武昌");
4, 追加内容
var link = $("<a href='http://www.baidu.com'>百度</a>");
$("#x1").append(link); //追加子元素在末尾
$("#x1").prepend(link);//追加子元素在开始
$("#x1").after(link);//追加元素在后兄弟节点
$("#x1").before(link);//追加元素在前兄弟节点
5, 动态创建Dom节点
$(function () {
var data = { "百度": "http://www.baidu.com/", "新浪": "http://www.sina.com/" };
$.each(data, function (key, value) {
$("#link").append("<tr><td>" + key + "</td><td>" + value + "</td></tr>");
});
});
6, Remove Dom节点
var removeObj=$("ul li:property").remove(); //注意这里表示的不是真的删除,而是把这个节点剪切出来,返回一个删除的对象
$("ul li:property").append(removeObj);
7, empty Dom节点
$("ul").empty(); 清空一个对象内部所有子元素