jquery学习笔记（二）

1.      使用延迟创建定时执行的动画

Delay()   延迟指定的时间，然后执行链接其后的动画方法。（与定时器不同。）

Eg：    

$(function(){
          $('h2').hover(function(){
               $('.product').fadeIn(900);
          },function(){
              $('.product').delay(5000).fadeOut(900);
          });
       });

2.      .find()和.children()

.children(selector)方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈）。参数可选，添加参数表示通过选择器进行过滤，对元素进行筛选。

.find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的，可以为选择器、jquery对象可元素来对元素进行筛选。

 

3.      end()

结束当前链条中的最近的筛选操作，并将匹配元素集还原为之前的状态。(它能得到上一步匹配结果集中的对象)

Eg： 利用其实现链式调用：

<pre name="code" class="javascript">$('#news').find('#news1').css('border','1px solidred').end().find('#news2').css('border','1px solidred').end().find('#news3').css('border','1px solid blue');
       });

每次.end()后，又会选择到$('#news')

 

4.      .stop()

停止当前正在运行的动画。(两个可选参数bool，第一个是否停止全部 第二个是否允许将当前动画执行完。

 

5.      .load()从服务器上载入其他位置的HTML内容。参数为要载入的URL

Eg:    $('.book').load("book1.html" ,function(){});

载入完之后，可以执行一个回调函数。

 

同时，它也可以载入部分内容

$(selector).load(URL class or idor tagname)

Eg:     $('.book').load("book1.html.special" ,function(){});

 

6． .getscript()载入并执行JavaScript文件。

Eg:   $("button").click(function(){

 $.getScript("demo_ajax_script.js");

});

 

6.      

 $.ajax({
                type:'POST',
                url:'url',
                data:'data',
                success:function(){},
                dataType:''
            });

7.      加载xml文件 处理xml数据。

node.xml文件：

<?xml version="1.0"encoding="iso-8859-1"?>
<ReadingList>
   <book author="Bill">
       <title>tittle1</title>
       <description>description1</description>
       <pubdate>pubdate1</pubdate>
       <isbn>isbn1</isbn>
   </book>
   <book author="Gill">
       <title>tittle2</title>
       <description>description2</description>
       <pubdate>pubdate2</pubdate>
       <isbn>isbn2</isbn>
   </book>
</ReadingList>

1. 加载json文件处理json数据。

Json文件数据：

{
    "books":[
    {
       "title":"title1",
       "author":"author1"
    },
     {
        "title":"title2",
       "author":"author2"
    }
 
    ]
}

function parseJSON(data){  
           $.each(data.books,function(i,item){
                $('<li></li>').html('<b>author</b>:'+item.author+'<br><b>title</b>:'+item.title).appendTo('#books');
            });         
        }

其中i是数组索引  item是值.