• jquery基础


    一、基本选择器:


           ID选择器:$("#id名称")
           例如:$("#div1").css("width","100px");
           CLASS选择器:$(".id名称")
           并列$("#id名称,#id名称")
           后代$("#id名称 名称")
    二.过滤选择器

           第一个:$(".id名称:first")
           最后一个:$(".id名称:last")
           任意一个:$(".id名称").eq(索引号)或者是$(".id名称:eq(索引号)")
           大于:$(".id名称:gt(索引号)")
           小于:$(".id名称:lt(索引号)")
           不等于:$(".id名称:not(索引号)")
           奇数:$(".id名称:odd")
    三。内容过滤


           偶数:$(".id名称:even")
          属性名:$(".id名称[属性名]")
          属性名的操作:$(".id名称[属性名]").css("width","100px");
          内容过滤:$(".id名称:contains('字符串')")
           子元素:$(".id名称:has('子元素'))


    事件:

           常规事件:把on去掉
           复合事件:

    hover:     :hover(function(){},function(){});

                     :toggle(function(){},function(){},function(){},function(){}......);

     

     冒泡事件:

    五个div依次嵌套

    效果:

    事件:点击弹出id名称

    这样就会点击最小的div,会依次弹出所有的div 的id名称

    解决方法:return   false

    DOM操作:

    操作属性、方法、样式

    属性

     

    第一个:点击按钮,txt1隐藏;第二个:点击按钮,查询txt1的背景色,更改按钮2 的背景色

     操作表单元素:

    取值:  var d=$("选择器").val()       赋值:   $("选择器").val("值")

     非表单元素:

    取值:   $("选择器").html("内容"),$("选择器").text("内容")

     赋值: var s=$("选择器").html("内容"), var s =$("选择器").text()

     操作相关元素

    一、查找

     父级:

    父级的父级就再加一个parent()

     选中某个父级:.parents("#id")

     子级:children()

    兄弟/平级:

     哥:   prev()

               prevall(选择器)

     弟:    next()   下一个

             nextall(选择器)

     二、操作

    新建:$("HTML字符串")

     添加:  appen(jquery对象)   内部添加

                after(,....)      下部平级添加

              before("......")       上部平级添加

     移除:

        empty()  清空内部全部元素

        remove()    移除元素

     注意:如果js不是写在最后,开头需要加上    $(document).ready(function(){在这里面写});

  • 相关阅读:
    【六校联合训练 省选 #20】快递
    IOError: cannot open resource
    [已解决]运行gunicorn失败:[ERROR] Connection in use 127.0.0.1 8080
    windows下通过navicat for mysql连接centos6.3-64bit下的MySQL数据库
    在centos7中使用yum安装mysql数据库并使用navicat连接
    centos出现“FirewallD is not running”怎么办
    [linux]centos7下解决yum install mysql-server没有可用包
    CentOS 7安装Python3
    flask——CSRFToken保护
    python 获取当前文件夹下所有文件名
  • 原文地址:https://www.cnblogs.com/light3857/p/5977664.html
Copyright © 2020-2023  润新知