Jquery 笔记

这几天帮朋友写了一些JQUERY，以前也只是会简单使用Jquery的一些函数。在写Jquery的过程中自己写学到了很多东西。

1. index()  

   var index = $(".from>li[class!='checking']").index($(ele).parent('li'));

   <ul class="from">
               <li><input type="text" onclick="syn(this)" /></li>
               <li class="checking" >名称可以使用</li>
               <li><input type="text" onclick="syn(this)" /></li>
                <li class="checking"></li>
               <li><input type="text"  onclick="syn(this)"/></li>
               <li class="checking"></li>
               <li><input type="text"  onclick="syn(this)" /></li>
               <li class="checking"></li>
               <li><input type="text"  onclick="syn(this)" /></li>
               <li class="checking"></li>
               <li><input type="text"  onclick="syn(this)" /></li>
   </ul><!--表单-->

   index（）的参数是要找的对象， 调用者是从哪里找，就像JAVA String的indexOf。
2. :empty    &&   .not()

   $(".ul-left>li").not($(".ul-left>li:empty"))

    <ul class="ul-left">
           	<li onclick="syn(this)">意见主题</li>
               <li onclick="syn(this)">意见对象</li>
               <li onclick="syn(this)">意见内容</li>
               <li onclick="syn(this)"></li>
               <li onclick="syn(this)"></li>
               <li onclick="syn(this)">解决方案</li>
               <li onclick="syn(this)"></li>
               <li onclick="syn(this)"></li>
               <li onclick="syn(this)">姓<span style="padding-left:24px;"></span>名</li>
               <li onclick="syn(this)">联系电话</li>
               <li onclick="syn(this)">Q<span style="padding-left:6px;"></span>Q<span style="padding-left:6px;"></span>号码</li>
         </ul>

   :empty 过滤掉没有子元素或者没有文本内容的标签，在这里，有的li是个空标签，下面那句JQ代码

   $(".ul-left>li:empty")

   
   取到的就是这几个空的li。not()  算是一个过滤函数，是将符合条件的元素删去，恰恰和filter想法，filter保留符合条件的元素。 .not() 和index() 结构是一致的，调用者是没过滤前的大集合，not的参数是要过滤东西的标准，不符合标准的将其从not的调用者里面删除。

其他的也基本没什么了，也有一些小东西，不过很基本的东西，在用的时候还是这几个操作用的多。自己以前也没用，也是查看了API，然后写代码才有所理解，现在写下来，权作备注，以备他日复习。