jquery使用(1)

jquery选择器:
    jquery元素选择器:(jquery使用css选择器来选择html元素)
    $("p")选取<p>元素
    $("p.intro")选取所有class="intro"的<p>元素
    $("p#demo")选取所有id="demo"的<p>元素
    jQuery属性选择器
    jquery使用Xpath表达式表达式来选择带有给定属性的元素:
    $("[href]")选取所有带有href属性的元素
    $("[href='#']")选取所有带有href值为#的元素
    $("[href!='#']")选取所有带有href值部位#的元素
    $("[href$='.jpg']")选取所有href值以.jpg结尾的元素
    jquery css选择器:
    $("p").css("background","red");
jquery事件:
    Event 函数                       绑定函数至
    $(document).ready(function)        将函数绑定到文档的就绪事件(当文档完成加载时)
    $(selector).click(function)        触发或将函数绑定到被选元素的点击事件
    $(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
    $(selector).focus(function)        触发或将函数绑定到被选元素的获得焦点事件
    $(selector).mouseover(function)    触发或将函数绑定到被选元素的鼠标悬停事件
jquery名称冲突:
    某些javascript库中的函数(比如Prototype)同样使用$符号。
    jquery使用名为noConflict()的方法来解决问题.
    var jq=jquery.noConflict(),然后使用jq代替$符号。
jquery效果(隐藏、显示、切换、滑动、淡入淡出、以及动画):
    隐藏、显示:
        $(selector).hide(speed,callback);
        $(selector).show(speed,callback);
        可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
        可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
        jquery toggle()//显示被隐藏的元素,并隐藏现实的元素
        $(selector).toggle(speed,callback);
        可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
        可选的 callback 参数是 toggle() 方法完成后所执行的函数名称。
    淡入淡出:
        jquery Fading方法:
            fadeIn()    用于淡入已隐藏的元素 $(selector).fadeIn(speed,callback);
                        可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                        可选的 callback 参数是 fading 完成后所执行的函数名称。
            fadeOut()   用于淡出可见元素 $(selector).fadeOut(speed,callback);
                        可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                        可选的 callback 参数是 fading 完成后所执行的函数名称。
            fadeToggle()    jQuery fadeToggle() 方法可以在 fadeIn()fadeOut() 方法之间进行切换。
                            如果元素已淡出,则 fadeToggle() 会向元素添加淡入效果。
                            如果元素已淡入,则 fadeToggle() 会向元素添加淡出效果
                            $(selector).fadeToggle(speed,callback);
                            可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                            可选的 callback 参数是 fading 完成后所执行的函数名称。
            fadeTo()        jQuery fadeTo() 方法允许渐变为给定的不透明度(值介于 0 与 1 之间)。
                            $(selector).fadeTo(speed,opacity,callback);
                            必需的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                            fadeTo() 方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度(值介于 0 与 1 之间)。
                            可选的 callback 参数是该函数完成后所执行的函数名称。
    滑动:
        slideDown()     用于向下滑动元素 $(selector).slideDown(speed,callback);
                        可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                        可选的 callback 参数是滑动完成后所执行的函数名称。
        slideUp()       用于向上滑动元素 $(selector).slideUp(speed,callback);
                        可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                        可选的 callback 参数是滑动完成后所执行的函数名称。
        slideToggle     jQuery slideToggle() 方法可以在 slideDown()slideUp() 方法之间进行切换。
                        如果元素向下滑动,则 slideToggle() 可向上滑动它们。
                        如果元素向上滑动,则 slideToggle() 可向下滑动它们。
                        $(selector).slideToggle(speed,callback);
                        可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
                        可选的 callback 参数是滑动完成后所执行的函数名称
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值