jquery遍历

最新推荐文章于 2024-08-12 06:06:08 发布

songjihan

最新推荐文章于 2024-08-12 06:06:08 发布

阅读量200

点赞数

分类专栏：日常积累

本文链接：https://blog.csdn.net/acca13439767987/article/details/81911348

版权

日常积累专栏收录该内容

5 篇文章 0 订阅

订阅专栏

 jQuery遍历：
            parent():返回被选元素的直接父元素，该方法只会向上一级对DOM树进行遍历。
            parents():方法返回被选元素的所有祖先元素，它一路向上直到文档的根元素（<html>）。
            parentsUntil():方法介于两个给定元素之间的所有祖先元素
            children(): 方法返回被选元素的所有直接子元素、方法只会向下一级DOM树进行遍历；
             find('*'): 返回被选中元素的后代元素，一路向下直到最后一个后代（find("标签"):代表只返回指定的标签元素）。
            siblings()；  方法返回被选元素的所有同胞(同级)元素(silbings("标签属性")：代表指定同级标签)；
            next():返回被选标签的下一个标签的所有属性；
            nextAll():返回被选元素的所有跟随同胞元素，
            $(参数1).nextUntil(参数2):返回参数1和参数2给定参数之间的所有跟随的同胞元素；
            perv()、pervAll()、pervUntil():方法和以上的三个基本相同，不过他返回的是指定标签之前的参数、而不是之后的参数；
            遍历过滤：
                $('指定标签  返回的标签').first();返回被选元素的首个元素；
                $('指定标签 返回的标签').last()  :方法返回被选元素的最后一个元素；
                $('指定标签').eq(索引)：返回被选元素中带有指定索引的元素  
                $('指定标签').filter('标签内的id、class属性')： 返回指定标签内指定属性的标签， 在指定标签内不符合的子标签会被删除；
                $('指定标签').not('标签内的id、class属性')：返回指定标签内，返回不匹配标准的所有元素；

    JQuery的AJAX:
              load(): 方法从服务器加载数据，并把返回的数据放入被选元素中；
            举个栗子：
                demo.text文件中有如下内容：
                    <h1> 这是AJAX加载出来的内容</h1>
                        <p>AJAX功能强大</p>

                这是运行的代码：

                    当点击button按钮后就会调用load方法，将load中的text文件进行加载、读取到id=div1的标签中；
            也可以加载load文件中的指定属性书写如下：

                    加载test.html文件 中的所有span标签；
                        在获取的内容中有三种获取方式： #id 、.class 、 标签 
        读取文件，在load方法完成后所有允许的回调函数。回调函数可以设置不同的参数，如下图
        responseTxt:包含调用成功的结果内容；
        statusTXT :包含调用的状态(通常我们判断的属性)；
         xhr ： 包含XMLHttpRequest对象；

AJAX的get()和post()方法：
            get:从指定的资源请求数据；
            post：向指定的资源提交要处理的数据；
        get方法：

        点击button按钮，弹出demo_test.php的数据和状态
     $.ajax({
        //提交数据的方式  post   get
        type:"POST"，
        //提交位置
         url:"www.baidu.com",
          //提交的数据
          data:{Name:"sanmao",Password:"sanmaoword"},
          //返回数据类型 html  xml  script  json  jsonp text  
           datatype:"html",            
           //成功后返回之后调用的函数
            success:function(data){
                //data是服务器返回的全部数据
            }
       })