• jquery参考手册


    jQuery 入口函数与 JavaScript 入口函数的区别:
        jQuery 的入口函数是在 html 所有标签(DOM)都加载之后,就会去执行。
        JavaScript 的 window.onload 事件是等到所有内容,包括外部图片之类的文件加载完后,才会执行。

    $(":button")
    选取所有 type="button" 的 <input> 元素 和 <button> 元素

    引用js
    <script src="my_jquery_functions.js"></script>

    引用jsp
    <%@include file="image.jsp" %>

    event.preventDefault();
    阻止表单提交


    text() - 设置或返回所选元素的文本内容
    html() - 设置或返回所选元素的内容(包括 HTML 标记)
    val() - 设置或返回表单字段的值

    $("#runoob").attr("href");
    显示id为runoob属性href的值。

    attr 和 prop 的区别介绍:
    对于 HTML 元素本身就带有的固有属性,在处理时,使用 prop 方法。
    对于 HTML 元素我们自己自定义的 DOM 属性,在处理时,使用 attr 方法。

    <a href="https://www.runoob.com" target="_self" class="btn">菜鸟教程</a>
    这个例子里 <a> 元素的 DOM 属性有: href、target 和 class,这些属性就是 <a> 元素本身就带有的属性,
    也是 W3C 标准里就包含有这几个属性,或者说在 IDE 里能够智能提示出的属性,这些就叫做固有属性。
    处理这些属性时,建议使用 prop 方法。

    <a href="#" id="link1" action="delete" rel="nofollow">删除</a>
    这个例子里 <a> 元素的 DOM 属性有: href、id 和 action,很明显,前两个是固有属性,而后面一个 action 属性是我们自己自定义上去的,
    <a> 元素本身是没有这个属性的。这种就是自定义的 DOM 属性。处理这些属性时,建议使用 attr 方法。

    添加新的 HTML 内容
    append() - 在被选元素的结尾插入内容
    prepend() - 在被选元素的开头插入内容
    after() - 在被选元素之后插入内容
    before() - 在被选元素之前插入内容

    删除元素/内容
    remove() - 删除被选元素(及其子元素)
    jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤。
    在使用 remove() 的过滤器删除时,不能删除带有过滤器的子元素
    empty() - 从被选元素中删除子元素


    创建文本:
    function appendText(){
        var txt1="<p>文本1</p>";              // 使用 HTML 标签创建文本
        var txt2=$("<p></p>").text("文本2");  // 使用 jQuery 创建文本
        var txt3=document.createElement("p");
        txt3.innerHTML="文本3";               // 使用 DOM 创建文本 text with DOM
        $("body").append(txt1,txt2,txt3);        // 追加新元素
    }

    jQuery 操作 CSS
    addClass() - 向被选元素添加一个或多个类
    removeClass() - 从被选元素删除一个或多个类
    toggleClass() - 对被选元素进行添加/删除类的切换操作
    css() - 设置或返回样式属性

    向上遍历 DOM 树
    parent()--父级
    parents()--所有父级
    parentsUntil()

    向下遍历 DOM 树
    children()
    find()

    缩小搜索元素的范围
    三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。


  • 相关阅读:
    Bootstrap标签(label)的使用
    Docker学习(二)
    linux 的tee命令
    解决 Docker pull 出现的net/http: TLS handshake timeout 的一个办法
    win 10 安装.msi 程序出现the error code is 2503
    Kbuntu16.04利用快捷键调用终端Konsole
    ubuntu上swift开发学习2
    ubuntu上swift开发学习1
    Linux中常用文件传输命令及使用方法
    Kbuntu16.04添加工作空间
  • 原文地址:https://www.cnblogs.com/anjunshuang/p/9322493.html
Copyright © 2020-2023  润新知