JQ 标签相关知识

1.判断 checkbox 和 radio 是否选中

if($("标签选择器").is(":checked"))

2.改变 checkbox 选中状态

.prop("checked", false);

.prop("checked", true);

如果使用过 .removeAttr("checked"), 那么想再使用 .attr("checked","checked"/true) 是不能成功的,只能使用prop,原因是JQ版本问题.

3.动态隐藏/显示元素

var element = $(node).parent("div.selectDiv").find(".ms-drop");
var status = element.css("display");
if (status === "none") {
element.css("display", "block");
} else {
element.css("display", "none");
}

4.添加/移除 class 样式

.addClass("active");

.removeClass("active");

5.找标签

$(".tab-pane:last") 最后一个标签

$(".tab-pane:eq(0)") 第一个标签

$(".tab-pane:gt(0)") 索引大于 0 的标签

.next() .nextAll():

（1）next() : 获得匹配元素的相邻同辈元素（即下一个同辈元素）.

（2）如果next()加上参数，即next("div")，如果下一个相邻元素不是div，则为空，即一定是相邻的.

（3）nextAll() : 获得匹配元素之后所有的同辈元素。它同样可以加上参数，nextAll("p")或nextAll("div")等等。

6.在指定标签后添加内容,添加的内容和该标签是同级

var html = "<td>hello world<td>"

$(...).after(html);

7.在指定标签末尾添加内容,添加的内容是该标签的子级

$(...).append(html);

8.启用/禁用标签

.attr("disabled", true/false)