jQuery操作指南

7,855次阅读
没有评论

共计 1909 个字符,预计需要花费 5 分钟才能阅读完成。

        jQuery 是 js 的工具库,使用该工具库需要网上下载,版本分为生产版本(压缩过,体积小,读取源码困难)min.js,开发版(未压缩,体积大,可以读懂源码)。使用 jQuery 需要引入,在 head 中使用 script 的 src

获取元素

        $(‘ 选择器 ’): 返回 jquery 对象

目录

获取元素

绑定事件

修改与获取

        内容:test(),识别标签,如果没有实参就是获取,又是实参就是修改

        属性:

        样式:

其他:

与服务器交互:


                jquery 转 js-get(jquery 对象)

                js 转 jquery-$(js 对象)

        遍历:each 方法

                function(index,item){index,$(item)}

绑定事件

        具体绑定事件




    
    
    Document



    

span1span2

span3span4

span5span6

修改与获取

        内容:test(),识别标签,如果没有实参就是获取,又是实参就是修改

        属性:

                普通属性:attr(‘ 属性名 ’)- 获取   attr(‘ 属性名 ’,’ 属性值 ’)- 设置

                类名属性:

                        hasClass()

                        addClass()

                        removeClass()

                        toggleClass()

        样式:

        




    
    
    Document



    


    
隐藏 显示 转变 移动

                 

其他:

       相关元素:

                父:parent()

                子:children()

                上一个:prev()

                下一个:next()

                同一级:sibling()

        创建与删除:

                append: A.append(B)— 返回 A,A 是创建内容                       

                appendTo:A.append(B)– 返回 A,B 是创建内容                       

                remove(): 移除 – 目标元素.remove()

                empty(): 删除目标元素的所有内容 – 目标元素.empty()

与服务器交互:

        form 表单: 将用户数据提交到服务器,缺点必须刷新整个网页

        ajax 异步刷新: 页面局部刷新

                $.ajax({})  具体操作:

                $.ajax({

                url:’  ‘

                mrthod:’get/post’

                success:

                其他参数

        })

                       

                            

                            
               

原文地址: jQuery 操作指南

    正文完
     0
    Yojack
    版权声明:本篇文章由 Yojack 于2024-10-07发表,共计1909字。
    转载说明:
    1 本网站名称:优杰开发笔记
    2 本站永久网址:https://yojack.cn
    3 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行删除处理。
    4 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
    5 本站所有内容均可转载及分享, 但请注明出处
    6 我们始终尊重原创作者的版权,所有文章在发布时,均尽可能注明出处与作者。
    7 站长邮箱:laylwenl@gmail.com
    评论(没有评论)