zoukankan      html  css  js  c++  java
  • 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)

  • 相关阅读:
    docker 容器
    web开发相关工具总结
    Linux] Git: push 出错的解决 master -> master (branch is currently checked out)
    MongoDB
    vs code 快捷键
    flutter 实现圆角头像的2种方法
    Flutter web环境变量搭建及开发
    使用VS Code调试Flutter(检查用户页面)
    Flutter走过的坑(持续更新)
    react link引入外部css样式的坑
  • 原文地址:https://www.cnblogs.com/refuge/p/8097745.html
Copyright © 2011-2022 走看看