|
8,、效果 8.1基本 show()：顯示show(speed,[callback])：以動(dòng)畫效果顯示 hide()：隱藏hide(speed,[callback])：以動(dòng)畫效果隱藏 toggle()：顯示或隱藏（切換）toggle(switch)：顯示或隱藏,，要求的參數(shù)true或falsetoggle(speed,[callback])：以動(dòng)畫效果顯示或隱藏 以上函數(shù)speed參數(shù)支持一下值：'slow'：緩慢'normal'：正常fast'：快速 8.2、滑動(dòng) slideDown(speed,[callback])：向下滑動(dòng)（顯示）slideUp(speed,[callback])：向上滑動(dòng)（隱藏）slideToggle(speed,[callback])：滑動(dòng)切換 8.3、淡入淡出 fadeIn(speed,[callback])：淡入（顯示）fadeOut(speed,[callback])：淡出（隱藏）fadeTo(speed,opacity,[callback])：淡入淡出到指定值 9、文檔處理 9.1插入 內(nèi)部插入： abcjQuerydef append(content)：在元素的內(nèi)部最后插入數(shù)據(jù)appendTo(content)：將匹配到的元素插入到指定內(nèi)容的后面prepend(content)：在元素內(nèi)部前面插入數(shù)據(jù)prependTo(content)：將匹配到的元素插入到指定內(nèi)容的前面 外部插入：abc jQuery defafter(content)：在元素的后面插入數(shù)據(jù)before(content)：在元素的前面插入數(shù)據(jù)insertAfter(content)：將匹配元素插入到指定內(nèi)容的后面insertBefore(content)：將匹配元素插入到指定內(nèi)容的前面 9.2刪除 empty()：清空元素內(nèi)容，但元素本身保留remove()：刪除元素,，將元素本身刪除 9.3復(fù)制 clone()：復(fù)制匹配的元素clone()：復(fù)制匹配的元素，同時(shí)也復(fù)制它的事件機(jī)制 9.4替換 replaceWith()：將匹配到的元素替換成指定的內(nèi)容 9.5包裹 jQuery wrap()：對(duì)匹配的元素使用指定的內(nèi)容進(jìn)行包裹wrapAll()：對(duì)匹配的的元素使用指定的內(nèi)容進(jìn)行包裹（僅包裹一次）wrapInner()：對(duì)匹配元素的內(nèi)容進(jìn)行包裹 9.6查找 eq(index)：匹配指定索引的元素$('div').eq(3) 匹配索引為3的divfilter(expr)：匹配過濾的元素$('div').filter('.cls1') 匹配使用cls1的所有divnot(expr)：匹配除了指定元素之外的所有元素$('div').not('.cls1') 匹配除了使用cls1的所有的divchildren([expr])：匹配所有子元素$(‘product’).children(‘name’).text(); 10,、插件機(jī)制 10.1插件機(jī)制語法 如：我們?cè)谑褂胘Query時(shí),，有時(shí)常用的方法jQuery并沒有封裝，我們還需要反復(fù)使用這樣的方法,，如何解決這個(gè)問題,？ 語法: 通過jQuery.fn.extend方法對(duì)jQuery功能進(jìn)行擴(kuò)展，這個(gè)方法要求參數(shù)是一個(gè)json對(duì)象 對(duì)象的屬性名是擴(kuò)展方法名,，屬性值就是函數(shù)體,。
11、each語句 each(callback)：循環(huán)執(zhí)行callback
12,、JQuery中的Ajax應(yīng)用 12.1Ajax原生代碼 var xhr=new XMLHttpRequest();xhr.open(‘post’,’demo.php’);xhr.setRequestHeader(‘content-type’,’application/x-www-form-urlencoded’);xhr.onreadystatechange=function(){ if(xhr.readystate==4 && xhr.status==200) { //處理語句 12.2JQuery中的Ajax JQuery中實(shí)現(xiàn)Ajax功能的方法主要用一下: JQuery.ajax(option)JQuery.get(url,[data],[callback])JQuery.post(url,[data],[callback]) （1）jQuery中底層的ajax實(shí)現(xiàn)
jQuery中高級(jí)的ajax實(shí)現(xiàn) jQuery.get(url,[data],[callback],[type])
12.3解析xml數(shù)據(jù) var person=$(msg).find(“person”);person.children(“name”).text();person.children(“jian”).text();person.children(“cheng”).text();
12.4解析json數(shù)據(jù) var count=msg.length;for(var i=0;i<>
13、跨域請(qǐng)求 13.1什么是跨域請(qǐng)求 跨域請(qǐng)求如突圖
同源策略阻止從一個(gè)域上加載的腳本獲取或操作另一個(gè)域上的文檔屬性,。也就是說,，受到請(qǐng)求的 URL 的域必須與當(dāng)前 Web 頁面的域相同。這意味著瀏覽器隔離來自不同源的內(nèi)容,，以防止它們之間的操作,。 13.2解決跨域請(qǐng)求問題 （1）使用script標(biāo)簽向另一個(gè)域上的資源進(jìn)行請(qǐng)求，傳遞參數(shù)fn,，保存將來要執(zhí)行的js函數(shù)名,。
（2）JSONP是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成script tags返回至客戶端,，通過javascript callback的形式實(shí)現(xiàn)跨域訪問。
13.3jQuery解決跨域問題 $.ajax get $.get gets$.getJSON get
|
|
|
