码迷,mamicode.com
首页 > Web开发 > 详细

jQuery总结

时间:2017-05-07 14:57:05      阅读:261      评论:0      收藏:0      [点我收藏+]

标签:方便   addclass   src   事件   针对   选择器   方式   inpu   att   

jquery:
    js类库:对原生js常见的方法和对象进行封装,方便使用
html和jquery整合:
        通过script标签src属性
获取jquery对象:
    $("选择器") jQuery("选择器")
dom对象和jquery对象转换
    dom>>>jquery   $(dom对象)
    jquery>>>dom
        方式1:
            jquery对象[index]
        方式2:
            jquery对象.get(index)
页面载入:
    $(document).ready(function(){....})
    $(function(){ ...})
事件和js中的事件一样:把on去掉即可
    $("选择器").xxx(function(){...})
选择器:
    $("#id") $(".class") $("元素") $("[属性]") $("[属性=‘值‘]")
    a b: 后代  a>b:孩子   a+b:大弟弟  a~b:所有弟弟
    :first :last :odd :even  :eq(index)..
    :has(‘选择器‘)
    :hidden  :visible
    :input
    :checked :selected
属性和css操作:
    attr|prop
        prop("属性"):获取
        prop("属性","值"):设置一个
        prop({
            "":"",
            "":""
        }):设置多个
        
    removeAttr|removeProp(属性)
    
    addClass("class名称")
    removeClass("class名称")
    
    css: 针对style属性
        css("属性"):
        css("属性","值"):
        css({
            "":"",
            "":""
        }):设置多个
    
    height() width()
        
对value属性 标签体的操作
    xxx():获取
    xxx("笑嘻嘻的说法"):设置
        
        val():
        html():
        text():

对文档操作:
    内部插入
        append
        prepend
         
    外部插入
        after
        before
        
    删除
        empty()清空
        remove()删除
//////////////////////
效果:
    hide() show() toggle()
滑入滑出
    slideDown() slideUp()
淡入淡出
    fadeIn() fadeOut()
////////////////////////
遍历
    方式1:
        jquery对象.each(function(){});
    方式2:
        $.each(jquery对象,function(){});

jQuery总结

标签:方便   addclass   src   事件   针对   选择器   方式   inpu   att   

原文地址:http://www.cnblogs.com/zangsan/p/6820619.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!