zoukankan      html  css  js  c++  java
  • 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(){在这里面写});

  • 相关阅读:
    web中间件之nginx
    JVM之工具分析
    jprofiler监控tomcat
    如何查看端口被占用
    训练赛第二场C题 zoj 2339 Hyperhuffman
    训练赛第三场A题 zoj 559
    训练赛第二场G题 ZOJ 2343
    训练赛第一场D题
    训练赛第一场A题 (ZOJ 2313)
    HDU 1422 重温世界杯 DP题
  • 原文地址:https://www.cnblogs.com/light3857/p/5977664.html
Copyright © 2011-2022 走看看