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

  • 相关阅读:
    FCKeditor 2.3 在ASP.NET中的设置和使用
    如何去掉重复记录的Sql语句写法
    asp.net如何去掉HTML标记
    Asp.net中如何删除cookie?
    怎样得到select所有option里的值
    HttpModule是如何工作的
    Asp.net2.0下的表单验证Cookieless属性
    FreeTextBox实现机制
    ajax实现动态从数据库模糊查询显示到下拉框中(ajax方法返回Dataset的例子)
    新浪博客自动发表程序,请勿用于非法用途
  • 原文地址:https://www.cnblogs.com/light3857/p/5977664.html
Copyright © 2011-2022 走看看