jQuery 基础操作

创建日期: 2024-04-06 17:06 | 作者: 风波 | 浏览次数: 13 | 分类: 前端

1. 删除 required 属性

来源:https://stackoverflow.com/questions/13951336/removing-html5-required-attribute-with-jquery

$('#edit-submitted-first-name').removeAttr('required');​​​​​

2. 隐藏和显示元素

来源:https://stackoverflow.com/questions/3582619/how-can-i-change-css-display-none-or-block-property-using-jquery

2.1 方法一

$('#id').hide();
$('#id').show();

或者

$("#id").css("display", "none");
$("#id").css("display", "block");

2.2 方法二

$('#ele_id').css('display', 'block').animate(....
$('#ele_id').css('display', 'none').animate(....
$('#ele_id').css({
    display: 'none'
    height: 100px,
    width: 100px
});
$('#ele_id').css({
    display: 'block'
    height: 100px,
    width: 100px
});

2.3 方法三

$("#id").css("display", "none");
$("#id").css("display", "");

2.4 方法四

document.getElementById("myDIV").style.display = "none";
$("#myDIV").css({display: "none"});
$("#myDIV").css({display: "block"});

3. 获取元素 id

var id = $element.attr('id');

var id = $(this).attr("id");

4. 遍历子元素

$("div").children().each(function() {
    // 这里处理每个子元素
    console.log(this.tagName); // 输出子元素的标签名
});

遍历div的所有后代元素:

$("div").find("*").each(function() {
    // 这里处理每个后代元素
    console.log(this.tagName); // 输出后代元素的标签名
});
13 浏览
0 评论