• 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(){在这里面写});

  • 相关阅读:
    关于 Delphi 中流的使用(2) 用 TFileStream(文件流) 读写
    今日工作心得:asp.net中使用javascript进行验证的注意点
    今日工作心得:能够引起FileUpload控件的PostedFile总是为null的一个原因
    完美解决office 2007安装失败(Office.ZhCN/...)
    关于FCKeditor,上传文件时提示invalid request
    今日学习:关于C#多线程之一——异步委托
    今日工作心得:关于C#读取Excel的一些资料
    c# webBrowser读取gb2312 中文变方框的问题
    C#中HashTable的用法
    今日工作心得——javascript结合jquery使图片适应窗口大小
  • 原文地址:https://www.cnblogs.com/kun-boke/p/6100692.html
Copyright © 2020-2023  润新知