[jQuery] Dom元素操作和事件获取

时间:2022-12-20 20:36:31

input获取check事件

/*方法一*/
if ($("#inputDomId").checked) {
// do sth
}
/*方法2*/
if($("#inputDomId").is(":checked")) {
// do sth
}

/*方法三*/
if ($("#inputDomId").attr("checked")) {
// do sth
}

/*设置不选中*/
<input type='checkbox'/>
/*设置选中: checked 属性只要存在就是选中,和后面的值并无多大关系*/
<input type="checkbox" checked="checked">

子父节点操作:

    /*获取节点的属性信息*/
$("#domId").attr("attrName");
/*获取所有子节点*/
$("#parentDom").children();
/*获取父节点*/
$("#childDom").parent();

表单元素选择器

    /*选择所有的表单输入元素,包括input, textarea, select 和 button */
$(":input")
/*选择所有的text input元素*/
$(":text")
/*选择所有的password input元素*/
$(":password")
/*选择所有的radio input元素 */
$(":radio")
/*选择所有的checkbox input元素*/
$(":checkbox")
/*选择所有的submit input元素*/
$(":submit")
/*选择所有的image input元素 */
$(":image")
/*选择所有的reset input元素*/
$(":reset")
/*选择所有的button input元素*/
$(":button")
/*选择所有的file input元素*/
$(":file")
/*选择所有类型为hidden的input元素或表单的隐藏域*/
$(":hidden")

input 类型选择器

    /*获取目标节点下所有的type为text的input节点*/
$("#targetDom :input[type=text]")

节点遍历

    /*多节点遍历*/
$(".multipleDom").each(function(i,obj){
var getId = obj.attr("id");
));
/*或*/
$(".multipleDom").each(function(){
var getId = $(this),attr("id");
));