jQuery

作者: 帅哥_刷哥 | 来源:发表于2016-07-19 00:08 被阅读13次

    1.加载完成
    $(document).ready(function(){});
    $(window).ready(function(){});
    $(this).ready(function(){});
    $(function(){});

    2.jQuery对象的属性和方法
    size() : dom的个数
    html() : 获得内部html
    html(“html”) : 设置html
    length : dom的个数
    each(function(index,obj)) : 遍历
    get(index) : 根据索引获得元素
    innerHTML : 获得内部html
    val() : 取值
    val(“txt”) 设置值
    text() : 获得文本内容
    text(“txt”) : 设置文本内容
    attr(“name”) : 获得属性值
    attr(“name”,”value”) : 设置属性值
    empty() : 清空子元素
    trim() : 去掉字符串首尾空格
    focus(function(){}) : 获得焦点时调用
    click(function(){}) : 点击事件

    3.dom 转 jQuery 对象
    $(dom)

    4.jQuery 转 dom 对象

    5.选择器
    $(“#id”) : id选择器
    $(“.class”) : class选择器
    $(“标签名”) : 标签选择器

    6.层级选择器
    $(“parent child”) : 后代选择器
    $(“parent > child”) : 后代元素
    $(“pre + next”) : 后边下一个元素
    $(“pre ~ sub”) : 后边所有的元素

    7.过滤选择器
    :first $(“div:first”)
    :last $(“div:last”)
    :even : 获得偶数元素
    :odd : 获得奇数元素
    :eq(index) : 获得索引为index的元素
    :gt(index) : 获得 index - 最后的元素
    :lt(Index) : 获得0-index的元素
    :header : 获得h1,h2这种标题元素
    :animated : 获得动画的元素
    :not(selector) :获得取出selector的元素

    8.内容过滤器
    :contains(‘text’) : 内容包含选择器
    :empty 空内容
    :has(selector) 有某种元素的选择器
    :parent 有父元素的选择器

    9.可见性选择器
    :hidden 不可见的
    :visible 可见的

    相关文章

      网友评论

          本文标题:jQuery

          本文链接:https://www.haomeiwen.com/subject/qhrmjttx.html