jquery 在大学生实习实训平台完成中问题总结

最新推荐文章于 2021-10-24 20:49:46 发布

爱吃零食的谷粒多

最新推荐文章于 2021-10-24 20:49:46 发布

阅读量1.7k

点赞数 1

分类专栏： jquery常用总结文章标签： jquery

本文链接：https://blog.csdn.net/NWY123/article/details/42585707

版权

jquery常用总结专栏收录该内容

1 篇文章 0 订阅

订阅专栏

jquery和js中：字符串变量用+号来连接；
jquery分割字符串与连接字符串的方法：
jquery Dom结点操作
jquery closest()方法查找元素 parents() parent()方法区别
jquery 选取集合中除某元素外的其他元素
查找兄弟节点
给元素追加内容

1.jquery和js中：字符串变量用+号来连接；

2.jquery分割字符串与连接字符串的方法：

arr = str.split( '=' ); //结果是这样，这才是数组["asdfgh", "zxcvb"]。你写的是对象字面量

追问

我需要的就是 var arr = {'asdfgh': 'zxcvb'};  要如何实现呢

回答

arr = str.split( '=' ); //结果是这样，这才是数组["asdfgh", "zxcvb"]。你写的是对象字面量

var obj={arr[0]:arr[1]}; //组装一下就行了

追问

哦哦  ，谢了，还有个问题  要是多个obj={arr[0]:arr[1]}  怎么合并，如obj1={a:1} obj2={b:2} obj3={c:3} 合并成 arr = {a:1,b:2,c:3}

回答

var newobj=$.extend(obj1,obj2,obj3);

3.jquery Dom结点操作:插入、删除、复制、创建结点

http://www.cnblogs.com/lianzi/archive/2011/07/31/2122828.html

4.jquery  选择dom结点方法
closest()方法查找元素 parents() parent()方法区别

http://www.jb51.net/article/29712.htm

     
     
         
         
          
          <!DOCTYPE
 html>
         
         
         
         
          
          <html>
         
         
         
         
          
          <head>
         
         
         
         
          
          <script type="text/javascript" src="/jquery/jquery.js"></script>
         
         
         
         
          
          </head>
         
         
         
         
          
          <body>
         
         
         
         
          
          <ul
 id="one" class="level-1">
         
         
         
         
          
            <li class="item-i">I</li>
         
         
         
         
          
            <li id="ii" class="item-ii">II
         
         
         
         
          
           
 <ul class="level-2">
         
         
         
         
          
              <li class="item-a">A</li>
         
         
         
         
          
              <li class="item-b">B
         
         
         
         
          
               
 <ul class="level-3">
         
         
         
         
          
                  <li class="item-1">1</li>
         
         
         
         
          
                  <li class="item-2">2</li>
         
         
         
         
          
           
       <li class="item-3">3</li>
         
         
         
         
          
                </ul>
         
         
         
         
          
              </li>
         
         
         
         
          
              <li class="item-c">C</li>
         
         
         
         
          
           
 </ul>
         
         
         
         
          
            </li>
         
         
         
         
          
            <li class="item-iii">III</li>
         
         
         
         
          
          </ul>
         
         
         
         
          
          <script>
         
         
         
         
          
          var
 listItemII = document.getElementById('ii');
         
         
         
         
          
          $('li.item-a').closest('ul', listItemII).css('background-color', 'red');
         
         
         
         
          
          $('li.item-a').closest('#one',
 listItemII).css('background-color', 'green');
         
         
         
         
          
          </script>
         
         
         
         
          
          </body>
         
         
         
         
          
          </html>

5.jquery 选取集合中除某元素外的其他元素

     
     
         
         
          
          $(".itkind").click(function(){
         
         
         
         
          
            $id = $(this).attr("id");//切割id，获取id号
         
         
         
         
          
            $arr=$id.split("_");
         
         
         
         
          
            $dom = $(".suborder_"+$arr[1]).closest("span");
         
         
         
         
          
            $other = $(".card_subUl span").not($dom);
         
         
         
         
          
            $dom.css("display","inline-block");
         
         
         
         
          
            $other.css("display","none");
         
         
         
         
          
           });
         
         
6.查找兄弟结点：

next() nextAll() prev() prevAll() siblings()

     
     
         
         
          
          jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")
          
          jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素
          
          jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点
          
          jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个
          
          jQuery对象返回，children()则只会返回节点
          
          jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点
          
          jQuery.prevAll()，返回所有之前的兄弟节点
          
          jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点
          
          jQuery.nextAll()，返回所有之后的兄弟节点
          
          jQuery.siblings(),返回兄弟姐妹节点，不分前后
          
          jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()
          
          的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从
          
          p元素开始找,等同于$("p span")
         
         
7.给元素追加内容  http://www.jb51.net/article/35845.htm