zoukankan      html  css  js  c++  java
  • 第三章

    即能设置元素的值,也能获取元素的值:
    attr()/html()/text()/height()/width()/val()/css()

    jquery第三章:
    ---------------------------------------------DOM操作----------------------------------
    1.插入节点:
    append()
    appendTo():可以用来移动元素--$("ul li:eq(0)").appendTo("ul");
    prepend()
    prependTo()
    after()
    insertAfter()
    before()
    insertBefore()

    2.删除节点:
    remove():
    返回一个指向已经被删除的节点的引用,因此可以在后面继续使用被删除的节点。
    可以通过传递参数来选择性的删除元素--$("ul li").remove("li[title='南']");
    detach():
    和remove不同的是,remove删除之后再追加,绑定事件会失效,而detach不会。
    empty()
    清空节点

    3.复制节点:
    clone():
    $(this).clone().appendTo("ul");--这样复制出来的节点不具有任何的行为。
    $(this).clone(true).appendTo("ul");--复制元素同时复制绑定事件。

    4.替换节点:
    如果替换之前已经为元素绑定事件,替换后,会一起消失,需要在新元素上重新绑定事件。
    replaceWith():前-后
    replaceAll():后-前


    5.包裹节点:
    wrap():
    $("strong").wrap("<b></b>");
    所有的元素进行单独包裹
    wrapAll():
    所有匹配的元素用一个元素包裹
    如果被包裹的多个元素之间有其它元素,其它元素会被放到包裹元素之后。
    wrapInner():
    包裹元素之间的内容

    6.属性操作:
    attr():
    获取和设置元素属性:
    一次性设置多个属性:$("p").attr({"title":"yourTitle", "name":"yourName"});
    removeAttr():
    删除元素属性

    ---------------------------------------------style操作----------------------------------
    1.获取样式和设置样式:
    attr():

    2.追加样式:
    addClass():

    3.移除样式:
    removeClass():

    4.切换样式:
    toggle():交替一组动作
    $toggleBtn.toggle(function(){
    //显示元素
    }, function(){
    //隐藏元素
    })

    5.判断是否包含某个样式:
    hasClass():

    ---------------------------------------------设置和获取HTML、文本和值----------------------------------
    1.获取html
    html():
    获取p元素的HTML代码:$("p").html();
    设置:
    text():--javascript:innerText
    val():--javascript:value
    文本框、下拉框和单选框

    focus():--javascript:onFocus
    blur():--javascript:onBlur

    this 指向当前文本框
    this.defaultValue 当前文本框的默认值

    val():还拥有选中功能
    $("#valSelect").val("选中三号");
    $("#valAnySelect").val(["选中二号","选中四号"]);
    $(":checkbox").val(["xi"]);--多选框即使选一个也要包含在方括号中
    $(":radio").val(["radio1"]);

    2.遍历节点:
    children():
    只考虑子,不考虑孙子

    next():
    匹配元素之后的同辈元素
    打印对象:html()

    prev():
    匹配元素之前的同辈元素

    siblings():
    匹配元素前后所有的同辈元素

    closest():
    取得最近的匹配元素
    返回最先匹配的祖先元素:

    parent():
    第一个父亲节点
    parents():
    所有父亲节点


    windows.onload 和 $(document).ready()方法的区别
    windows.onload:多个函数引用只能保存一个,后面的会覆盖掉前面的。

  • 相关阅读:
    中科燕园GIS外包--移动GIS
    创建二维数组
    DSP开发中遇到的问题
    Unity 2D游戏开发教程之精灵的死亡和重生
    Unity 2D游戏开发教程之摄像头追踪功能
    Unity 2D游戏开发教程之2D游戏的运行效果
    Unity 2D游戏开发教程之使用脚本实现游戏逻辑
    Kail Linux渗透测试教程之免杀Payload生成工具Veil
    Kail Linux渗透测试教程之在Metasploit中扫描
    Kail Linux渗透测试教程之网络扫描和嗅探工具Nmap
  • 原文地址:https://www.cnblogs.com/anjunshuang/p/9817902.html
Copyright © 2011-2022 走看看