Jquery(4) | 易学教程

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(); 清空一个对象内部所有子元素

8, radiobutton 的选项

$(":radio[name=gender]").val(["女"]);

来源：https://www.cnblogs.com/guoyinghai/archive/2011/06/01/2064217.html

标签

jquery选择器