zoukankan      html  css  js  c++  java
  • 《jQuery知识点总结》(二)

    dom css 操作
    html(n)                n为空则取值相当于JS的innerHTML填写n为赋值
    val(n)                n为空则取值相当于JS的value填写n为赋值
    css("color")             一个参数为取值
    css("color","red")        两个参数为赋值
    css({})                传入对象
    .attr("属性")            取指定属性的值
    .attr("属性","值")        给指定属性赋值
    .prop("checked")        检测是否被选中返回布尔值
    .prop("disabled",true或false)    为true时选择按钮不能使用 为false时选择按钮可以使用
    .addClass("属性名")        添加一个类
    .removeClass()            删除一个类        
    .index()            获得元素的索引值

    dom 操作
    .append("info")            向指定元素内部后面插入节点info
    .prepend("info")        向指定元素info内部的前面插入节点    
    .appendTo("info")        将指定元素移入到指定元素info内部的后面
    .prependTo("info")        将指定元素移入到指定元素info内部的前面
    .after("info")            向指定元素的外部的后面插入节点info
    .before("info")            向指定元素的外部的前面插入节点info
    .remove()            直接删除指定元素        
    .empty()            清空节点 删掉节点里的内容

    表单过滤器
    :checked            选取所有被选中的元素(单选、复选)
    :selected            选取所有被选中的元素(下拉菜单)

    高级事件
    $("input[name='username']").trigger("blur");    模拟触发按顺序执行

    事件委托
    $(document).on("click","div",function(){
        $(this).after("<div>我叫随便</div>")
    });                        将div上的事件委托给document

    .show()                显示元素
    .hide()                隐藏元素

    scroll(鼠标滑动事件)属于window     例:$(window).scroll(function(){})
    innerHeight 获取元素的高 包含内边距padding
    offset()获取元素的便宜距离 例:$(元素).offset().top();获取元素与顶部的距离
    scrollTop(); // 求得鼠标滑动与顶部距离   此方法对可见和隐藏元素均有效。
      例:$(window).scroll(function(){var scro= $(this).scrollTop(); })
    trigger(); 在每一个匹配的元素上自动触发某类事件

  • 相关阅读:
    二维码跳转不同的 app store
    HTML 保存图片到本地
    HTML5 的一些小的整理吧
    Echarts 3.19 制作常用的图形 非静态
    word2010设置页码起始位置及前后页码不同的方法
    经struts2中的action后,jsp中css失效的问题
    在Linux和Windows下配置MyEclipse+Tomcat+JDK的一些问题
    MyEclipse自动退出问题解决办法
    (转)java web建议学习路线
    Linux中MyEclipse+tomcat遇到的问题
  • 原文地址:https://www.cnblogs.com/zhangqingtian/p/6252374.html
Copyright © 2011-2022 走看看