jQuery基础(二)



9、 jQuery Callback 函数  回调函数

    当动画 100% 完成后,即调用 Callback 函数

    语法:
        $(selector).hide(speed,callback)
        callback 参数是一个在 hide 操作完成后被执行的函数。
    例子:
        $("p").hide(1000,function(){
            alert("The paragraph is now hidden");    //完成隐藏动画后 执行弹窗命令
        });

     Chaining 链接技术:
    允许在相同的元素上运行多条 jQuery 命令,一条接着另一条。
    提示:这样的话,浏览器就不必多次查找相同的元素。
    如需链接一个动作,只需把该动作追加到之前的动作上。

    例子:
        把 css(), slideUp(), and slideDown() 链接在一起。
        "p1" 元素首先会变为红色,然后向上滑动,然后向下滑动
        $("#p1").css("color","red").slideUp(2000).slideDown(2000);

    !!当进行链接时,代码行会变得很差。
    不过,jQuery 在语法上不是很严格;可以按照希望的格式来写,包含折行和缩进。
        像这样:$("#p1").css("color","red")
            .slideUp(2000)
            .slideDown(2000);

10、jQuery DOM 操作

    jQuery拥有可操作 HTML 元素和属性的强大方法

     1、获得内容   text()、html() 以及 val()
    text()      设置或返回所选元素的文本内容            "()"内有值为设置,空为获取
    html()     设置或返回所选元素的内容(包括 HTML 标记)    同上
    val()     设置或返回表单字段的值            同上

    text()、html() 以及 val() 的回调函数
    由两个参数:被选元素列表中当前元素的下标,以及原始(旧的)值。
    然后以函数新值返回希望使用的字符串。

     2、获取、设置属性   attr( )、 prop()
     attr( )     设置/改变属性值双属性标签        "()"内有值为设置,空为获取
     可以同时设置多个属性
    如:$(obj).attr({
        "src":" http://www,baidu.com",
        "title":"改变后的标题"
        })


prop() 设置/获取单标签 如:checked selected

     3、添加新元素/内容

    添加新的 HTML 内容
    append()         在被选元素的结尾插入内容
    prepend()     在被选元素的开头插入内容
    after()         在被选元素之后插入内容
    before()         在被选元素之前插入内容

    4、删除元素/内容
    remove()         删除被选元素(及其子元素)
    empty()         从被选元素中删除子元素

    过滤被删除的元素
     remove() 方法也可接受一个参数,允许对被删元素进行过滤
    该参数可以是任何 jQuery 选择器的语法
    如:
    $(obj).remove("p")     删除obj对象中 子元素为p的元素


11、jQuery 操作 CSS样式

    !!添加的都是css类名
    addClass()     向被选元素添加一个或多个类  在添加类时,可以选取多个元素添加同一个属性
    removeClass()     从被选元素删除一个或多个类
    toggleClass()     对被选元素进行添加/删除类的切换操作
    css()         设置或返回样式属性        “()”为空时获取属性  有值时设置属性
    设置多个 CSS 属性,可使用如下语法:
    css({"propertyname":"value","propertyname":"value",...});

随手整理 如有不足 请纠正


weixin151云匹面粉直供微信小程序+springboot后端毕业源码案例设计 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证,保证能够正常运行; 2、项目问题、技术讨论,可以给博主私信或留言,博主看到后第一时间与您进行沟通; 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用,尤其对于人工智能、计算机科学与技术等相关专业,更为适合; 4、下载使用后,可先查看README.md或论文文件(如有),本项目仅用作交流学习参考,请切勿用于商业用途。 5、资源来自互联网采集,如有侵权,私聊博主删除。 6、可私信博主看论文后选择购买源代码。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Colt666

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值