初識(shí)jQuery之jQuery的工具方法和Ajax以及jQuery的插件操作(六)

一芍锦、jQuery的工具方法

工具方法:不僅可以給JQ用芥挣,也可以給原生JS用

例:

$.xxx()  $.yyy()  $.zzz() 

與上面相似的是給$帶括號(hào)篇恒;這種只能給JQ對(duì)象用

$().css()  $().html()  $().val()

1.$.type() : 是判斷類型

var a = null;
    
    alert( typeof a );   //undefined
    
    alert( $.type(a) );  //null

注意:type()可以判斷出更多的類型(數(shù)組道伟,json......)

2.$.trim():去前后空格

var str = '   hello  ';
    
    alert('('+$.trim(str)+')');    //(Hello)

3.inArray() : 類似于 indexOf媒咳,查找字符所在字符串的位置

4.proxy() : 改變this指向

function show(n1,n2){
        alert(n1);
        alert(n2);
        alert(this);
    }
    $.proxy(show , document);//將this指向window

proxy() 也可以傳參調(diào)用

//以下兩種方法均可
$.proxy(show , document,3)(4);
$.proxy(show , document,3,4);

打開頁面點(diǎn)擊則調(diào)用

$(document).click( $.proxy(show,window,3,4)  );

打開頁面則調(diào)用

$(document).click( $.proxy(show,window)(3,4)  );

二粹排、jQuery工具方法和Ajax

1.noConflict() : 防止沖突

因?yàn)?span id="n9wwtl2" class="math-inline">在jquery中有很大作用,再給賦值則會(huì)報(bào)錯(cuò)涩澡,利用該函數(shù)可解決

//此時(shí)不光可以賦值顽耳,此時(shí)原來$具有的作用已經(jīng)被miaov代替,所以可以賦值
var miaov = $.noConflict();

var $ = 10;

miaov(function(){
    
    miaov('body').css('background','red');
    
});

2.parseJSON():將字符串解析為json

var str = '{"name":"hello"}';
alert($.parseJSON( str ).name);  //Hello

3.makeArray():將類數(shù)組轉(zhuǎn)化為數(shù)組

$.makeArray(aDiv).push();

比如一組div不能使用數(shù)組的push方法,當(dāng)用該函數(shù)后射富,則可以使用

三膝迎、jQuery下使用Ajax

$.ajax({
    url : 'xxx.php',
    data : 'name=hello&age=20',
    type : 'POST',
    success : function(data){
        alert(1);
    },
    error : function(){
        alert(2);
    }
});

$.get():Ajax的get提交方式

$.get('xxx.php',{ },function(){
    //傳輸?shù)牡刂罚粄}傳輸?shù)臄?shù)據(jù) 胰耗;傳輸成功的回調(diào)函數(shù)
});

注意:

$().get();   //將JQ對(duì)象轉(zhuǎn)化為JS對(duì)象

$.getJSON():請(qǐng)求json形式

四限次、jQuery的插件操作

1.$.extend : 擴(kuò)展工具方法下的插件形式;

例:

$.xxx() 
$.yyy()

2.$.fn.extend : 擴(kuò)展到JQ對(duì)象下的插件形式 柴灯;

例:

$().xxx()  
$().yyy()

我們可以寫一個(gè)jq中沒有的工具方法卖漫,例如,去掉左空格

$.extend({
    leftTrim : function(str){
        return str.replace(/^\s+/,'');
    },
});
//調(diào)用這個(gè)函數(shù)即可
var str = '  hello  ';

alert( '('+$.leftTrim(str)+')' );//(Hello   )

再拓展一個(gè)JQ對(duì)象下的方法:拖拽

<script>
$.fn.extend({
    
    drag : function(){
        
        //this : $('#div1')
        
        var disX = 0;
        var disY = 0;
        
        var This = this;
        
        this.mousedown(function(ev){
            
            disX = ev.pageX - $(this).offset().left;
            disY = ev.pageY - $(this).offset().top;
            
            $(document).mousemove(function(ev){
                
                This.css('left' , ev.pageX - disX);
                This.css('top' , ev.pageY - disY);
                
            });
            
            $(document).mouseup(function(){
                $(this).off();
            });
            
            return false;
            
        });
        
    },
    
});
</script>
<script>
$(function(){
    
    $('#div1').drag();
    
});
</script>

可以看一下這兩個(gè)函數(shù)的區(qū)別:

<script>
$.extend({
    aaa : function(){
        alert(1);
    },
});
$.fn.extend({
    aaa : function(){
        alert(2);
    }
});
</script>
<script>
$.aaa();  // 1
$().aaa();  //2
</script>
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末赠群,一起剝皮案震驚了整個(gè)濱河市羊始,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌查描,老刑警劉巖突委,帶你破解...
    沈念sama閱讀 222,627評(píng)論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異叹誉,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)闷旧,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,180評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門长豁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人忙灼,你說我怎么就攤上這事匠襟。” “怎么了该园?”我有些...
    開封第一講書人閱讀 169,346評(píng)論 0 362
  • 文/不壞的土叔 我叫張陵酸舍,是天一觀的道長。 經(jīng)常有香客問我里初,道長啃勉,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,097評(píng)論 1 300
  • 正文 為了忘掉前任双妨,我火速辦了婚禮淮阐,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘刁品。我一直安慰自己泣特,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,100評(píng)論 6 398
  • 文/花漫 我一把揭開白布挑随。 她就那樣靜靜地躺著状您,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上膏孟,一...
    開封第一講書人閱讀 52,696評(píng)論 1 312
  • 那天眯分,我揣著相機(jī)與錄音,去河邊找鬼骆莹。 笑死颗搂,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的幕垦。 我是一名探鬼主播丢氢,決...
    沈念sama閱讀 41,165評(píng)論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼先改!你這毒婦竟也來了疚察?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,108評(píng)論 0 277
  • 序言:老撾萬榮一對(duì)情侶失蹤仇奶,失蹤者是張志新(化名)和其女友劉穎貌嫡,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體该溯,經(jīng)...
    沈念sama閱讀 46,646評(píng)論 1 319
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡岛抄,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,709評(píng)論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了狈茉。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夫椭。...
    茶點(diǎn)故事閱讀 40,861評(píng)論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖氯庆,靈堂內(nèi)的尸體忽然破棺而出蹭秋,到底是詐尸還是另有隱情,我是刑警寧澤堤撵,帶...
    沈念sama閱讀 36,527評(píng)論 5 351
  • 正文 年R本政府宣布仁讨,位于F島的核電站,受9級(jí)特大地震影響实昨,放射性物質(zhì)發(fā)生泄漏洞豁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,196評(píng)論 3 336
  • 文/蒙蒙 一荒给、第九天 我趴在偏房一處隱蔽的房頂上張望族跛。 院中可真熱鬧,春花似錦锐墙、人聲如沸礁哄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,698評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽桐绒。三九已至夺脾,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間茉继,已是汗流浹背咧叭。 一陣腳步聲響...
    開封第一講書人閱讀 33,804評(píng)論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留烁竭,地道東北人菲茬。 一個(gè)月前我還...
    沈念sama閱讀 49,287評(píng)論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像派撕,于是被迫代替她去往敵國和親婉弹。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,860評(píng)論 2 361

推薦閱讀更多精彩內(nèi)容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5终吼? 答:HTML5是最新的HTML標(biāo)準(zhǔn)镀赌。 注意:講述HT...
    kismetajun閱讀 27,522評(píng)論 1 45
  • 第1章 jQuery實(shí)現(xiàn)Ajax應(yīng)用 1-1 使用load()方法異步請(qǐng)求數(shù)據(jù) 使用load()方法通過Ajax請(qǐng)...
    mo默22閱讀 1,717評(píng)論 1 9
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性际跪。 1....
    LaBaby_閱讀 1,182評(píng)論 0 1
  • 1.JQuery 基礎(chǔ) 改變web開發(fā)人員創(chuàng)造搞交互性界面的方式商佛。設(shè)計(jì)者無需花費(fèi)時(shí)間糾纏JS復(fù)雜的高級(jí)特性。 1....
    LaBaby_閱讀 1,349評(píng)論 0 2
  • 我在鐘祥市上班姆打,突然間感覺到勁痛良姆,我以為是落枕了,便沒有太多去在意幔戏,我便堅(jiān)持了一天玛追,我終于熬過第一天,我回到寢室用...
    南喬北笙閱讀 369評(píng)論 1 2