日韩av黄I国产麻豆传媒I国产91av视频在线观看I日韩一区二区三区在线看I美女国产在线I麻豆视频国产在线观看I成人黄色短片

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 >

jquery基本操作笔记

發(fā)布時(shí)間:2024/4/17 41 豆豆
生活随笔 收集整理的這篇文章主要介紹了 jquery基本操作笔记 小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

jqjs

可以共存,不能混用

$('.box').css('background','red'); $(".box").css({ color: "#ff0011", background: "blue"}); $('li:eq(2)').css('background','red'); //:first選擇 $('li:odd').css('background','red'); //even奇數(shù)行,odd偶數(shù)行 $('li').filter('.box').css('background','red'); filter過濾、篩選; $('li').filter('[title=hello]').css('background','red');

方法函數(shù)化

window.onload = function(){}; $(function(){}); function $(){} innerHTML = 123; html(123) function html(){} onclick = function(){}; click(function(){}) function click(){} $('#div1').click(function(){alert( $(this).html() ); });

jquery中的this的寫法是?? $(this)? html()? 因?yàn)?span lang="zh-cn">方法函數(shù)法的思想的存在() 是不能省去的,運(yùn)行函數(shù);這jquery中很常見;

jsjquery的關(guān)系

可以互存,不能混用;

$(function(){$('#div1').click(function(){//alert( $(this).html() ); //jq的寫法;//alert( this.innerHTML ); //js的寫法;這樣寫也是正確的;alert( $(this).innerHTML ); //錯(cuò)誤的;前面是jquery,后面是js,混用了,不允許;alert( this.html() ); //錯(cuò)誤的;前面是js,后面是jquery,混用了,不允許;}); });

鏈?zhǔn)讲僮?/strong>:

$(function(){/*var oDiv = $('#div1');oDiv.html('hello');oDiv.css('background','red');oDiv.click(function(){alert(123);});*/$('#div1').html('hello').css('background','red').click(function(){alert(123);}); });

建議熟悉了,再寫鏈?zhǔn)綄懛?#xff1b;

取值和賦值合體:

賦值和取值用的同一種方法,只不過是通過有沒有參數(shù)來決定是取值還是賦值;

$(function(){//oDiv.innerHTML = 'hello'; //賦值//alert( oDiv.innerHTML ); //取值//$('#div1').html('hello'); //賦值//alert( $('#div1').html() ); //取值css('width','200px') //設(shè)置width是200px;css('width') //獲取width的值; });

取值和賦值:獲取的時(shí)候只能獲取一個(gè),賦值的時(shí)候賦值到所有的;

$(function(){//alert( $('li').html() ); //當(dāng)一組元素的時(shí)候,取值是一組中的第一個(gè);會(huì)彈出內(nèi)容:aaa$('li').html('hello'); //當(dāng)一組元素的時(shí)候,賦值是一組中的所有元素 });

$()下的常用方法

attr()

$(function(){//alert($('div').attr('title')); 獲取title屬性$('div').attr('title','456'); //設(shè)置title$('div').attr('class','box'); //設(shè)置class });

filter:過濾

notfilter的反義詞

$(function(){//$('div').filter('.box').css('background','red'); //只帶有box的才會(huì)被選擇$('div').not('.box').css('background','red'); //不帶有box的才會(huì)選擇;not和filter是反義詞 });

hasfilter的區(qū)別

has包含的意思,選擇的是元素里面的東西;

filter針對(duì)的元素自身的選擇;

$(function(){//$('div').has('span').css('background','red');//$('div').has('.box').css('background','red'); //has是選擇元素里面的東西,不能選擇到第二個(gè)div$('div').filter('.box').css('background','red'); //filter是針對(duì)元素自身的;只會(huì)選擇到第二個(gè)div });

nextprev

next選擇下一個(gè)兄弟節(jié)點(diǎn)

prex選擇上一個(gè)兄弟節(jié)點(diǎn)

find??? 查找當(dāng)前元素下所有的后代元素

eq()??? 一組中的第幾個(gè);

index()? 一組元素的索引;通過一組索引,來控制另外一個(gè)索引;

$(function(){alert( $('#h').index() ); //索引就是當(dāng)前元素在所有兄弟節(jié)點(diǎn)中的位置; });

選項(xiàng)卡:

原生jsjquery

window.onload = function(){var oDiv = document.getElementById('div1');var aInput = oDiv.getElementsByTagName('input');var aCon = oDiv.getElementsByTagName('div');for(var i=0;i<aInput.length;i++){aInput[i].index = i;aInput[i].onclick = function(){for(var i=0;i<aInput.length;i++){aInput[i].className = '';aCon[i].style.display = 'none';}this.className = 'active';aCon[this.index].style.display = 'block';};} };

$(function(){

????$('#div1').find('input').click(function(){

????????$('#div1').find('input').attr('class','');

????????$('#div1').find('div').css('display','none');

????????$(this).attr('class','active');

????????$('#div1').find('div').eq(?$(this).index()?).css('display','block');

????});

});

<body> <div id="div1"><input class="active" type="button" value="1" /><input type="button" value="2" /><input type="button" value="3" /><div style="display:block">111111</div><div>222222</div><div>333333</div> </div> </body>

這里的jquery是根據(jù)js的思路來編寫的;

也可以用其他的思路來做這個(gè)選項(xiàng)卡,用到siblings()等;

addClassremoveClass

$(function(){$('div').addClass('box2 box4');$('div').removeClass('box1'); });

width()?? innerWidth()?? outerWidth()? 獲取元素的寬和區(qū)別

$(function(){alert( $('div').width() ); //widthalert( $('div').innerWidth() ); //width + paddingalert( $('div').outerWidth() ); //width + padding + borderalert( $('div').outerWidth(true) ); //width + padding + border + margin });

insertBefore() ?insertAfter()??

注意:insertBefore是剪切的功能,不是復(fù)制的功能;

$(function(){//$('span').insertBefore( $('div') ); //將span調(diào)整到div的前面,jq中的insertBefore和js中的insertBefore是一樣的;具備剪切的功能,而不是復(fù)制的功能;//$('div').insertAfter( $('span') ); //將div放在span的后面;//$('div').appendTo( $('span') ); //和js中的appendChildren是一樣的;作用是把一個(gè)節(jié)點(diǎn)添加到指定節(jié)點(diǎn)最后的位置;//$('div').prependTo( $('span') ); //原生js中沒有,作用是把一個(gè)節(jié)點(diǎn)添加到指定節(jié)點(diǎn)最開始的位置; //insertBefore和before的區(qū)別 :后續(xù)操作變了;主要是我們寫鏈?zhǔn)讲僮鲿?huì)有影響;//$('span').insertBefore( $('div') ).css('background','red');$('div').before( $('span') ).css('background','red'); });

remove()? 刪除節(jié)點(diǎn)

$(function(){$('div').remove(); });

on()? off()?? 事件的寫法:

off取消事件;

$(function(){/*$('div').click(function(){alert(123);});*//*$('div').on('click',function(){ //支持多個(gè)事件,支持系統(tǒng)事件和自定義事件alert(123); });*//*$('div').on('click mouseover',function(){ //多個(gè)事件,中間用空格alert(123);});*//*$('div').on({'click' : function(){ //中間用冒號(hào)alert(123);},'mouseover' : function(){alert(456);}});*/ //點(diǎn)擊彈出123.移入彈出456 說明on還是很靈活的$('div').on('click mouseover',function(){alert(123);$('div').off('mouseover'); //執(zhí)行后,mouseover事件會(huì)被關(guān)閉}); });

scrollTop()?? 獲取和設(shè)置滾動(dòng)距離

$(function(){$(document).click(function(){alert( $(window).scrollTop() ); //獲取滾動(dòng)距離}); });

編寫彈窗效果:

首先,在DOM中創(chuàng)建元素是非常容易的事情;

var oDiv = $('<div>div</div>'); //創(chuàng)建div元素和內(nèi)容 $('body').append( oDiv );

彈窗效果:

$(function(){$('#input1').click(function(){//動(dòng)態(tài)創(chuàng)建元素和內(nèi)容var oLogin = $('<div id="login"><p>用戶名:<input type="text" /></p><p>密碼:<input type="text" /></p><div id="close">X</div></div>'); //中間不能有空格$('body').append( oLogin ); //插入元素//讓彈窗居中oLogin.css('left' , ($(window).width() - oLogin.outerWidth())/2 ); //設(shè)置left值oLogin.css('top' , ($(window).height() - oLogin.outerHeight())/2 ); //設(shè)置top值$('#close').click(function(){oLogin.remove(); //移除節(jié)點(diǎn)});//在調(diào)整窗口大小事件和滾動(dòng)事件,調(diào)整彈出窗的位置;$(window).on('resize scroll',function(){ //在調(diào)整窗口大小事件和滾動(dòng)事件oLogin.css('left' , ($(window).width() - oLogin.outerWidth())/2 );oLogin.css('top' , ($(window).height() - oLogin.outerHeight())/2 + $(window).scrollTop() ); //top值要注意加上滾動(dòng)距離});}); });

ev? pageX? which?

preventDefault? stopPropagation

one()

$(function(){/*$('div').click(function(ev){//ev : jq中直接使用,是兼容后的event對(duì)象//ev.pageX(鼠標(biāo)坐標(biāo)-->相對(duì)于文檔的) js中是使用clientX(相對(duì)于可視區(qū)域的)//ev.which : js中的keyCodeev.preventDefault(); //阻止默認(rèn)事件ev.stopPropagation(); //阻止冒泡的操作return false; //阻止默認(rèn)事件 + 阻止冒泡的操作});*/$('div').one('click',function(){ //one-->只執(zhí)行事件一次alert(123);}); });

offset()? position()

$(function(){//div2.offsetLeft//alert( $('#div2').offset().left ); //獲取到屏幕的左距離 offset().left offset.top()alert( $('#div2').position().left ); //到有定位的父級(jí)的left值,把當(dāng)前元素轉(zhuǎn)化成類似定位的形式,注意是不算margin的 });

parent() offsetParent()?? 獲取有定位的父級(jí)

parent() : 獲取父級(jí),不管父級(jí)是否有定位; 注意這里沒有加s,不是parentsjq中還有parents()方法,見下

offsetParent() : 獲取有定位的父級(jí)

$(function(){//parent() : 獲取父級(jí)//offsetParent() : 獲取有定位的父級(jí)//$('#div2').parent().css('background','blue');$('#div2').offsetParent().css('background','blue'); });

val()? 獲取元素的value值;

size() 獲取一組元素的長度;像length

each() jq中的循環(huán);原生for循環(huán)的加強(qiáng)版

$(function(){//alert( $('input').val() ); 獲取value值//$('input').val(456); 賦值value值alert( $('li').size() ); //4 獲取一組元素的長度;像length$('li').each(function(i,elem){ //一參:下標(biāo) 二參 : 每個(gè)元素$(elem).html(i);}); });

拖拽jquery實(shí)現(xiàn):

$(function(){var disX = 0;var disY = 0;$('div').mousedown(function(ev){disX = ev.pageX - $(this).offset().left; //存儲(chǔ)距離disY = ev.pageY - $(this).offset().top;$(document).mousemove(function(ev){$('div').css('left',ev.pageX - disX);$('div').css('top',ev.pageY - disY);});$(document).mouseup(function(){$(document).off(); //鼠標(biāo)彈起的時(shí)候取消事件});return false; //阻止默認(rèn)事件和冒泡}); });

hover()????? 模擬css中的hover,鼠標(biāo)移入移除;

hover???????? 鼠標(biāo)移入和鼠標(biāo)移除結(jié)合的方法

hover(function(){},function(){})

?

Show() hide()??????????? 接受一個(gè)參數(shù)- ->? 時(shí)間(ms?????????????? 長,寬,透明度都要變化

fadeIn()?? fadeOut()????淡出效果和淡出效果? 改變透明度

fadeTo()??? 指定到一個(gè)范圍,有兩個(gè)參數(shù),第一個(gè)是時(shí)間,第二個(gè)是透明度值

$('#div2').fadeTo(1000,0.5);

slideDown()?? slideUp()???????? 向下展開,向上卷起;

?

get()方法

$(function(){//document.getElementById('div1').innerHTML//alert( $('#div1').get(0).innerHTML ); get需要標(biāo)注下標(biāo);將jquery轉(zhuǎn)成原生js/*for(var i=0;i<$('li').get().length;i++){ //這里通過get()轉(zhuǎn)成js,這里的length相對(duì)于js的$('li').get(i).style.background = 'red';}*/for(var i=0;i<$('li').length;i++){ //這里的length是JQ中的屬性,也是使用正確的;$('li').get(i).style.background = 'red';//$('li')[i].style.background = 'red'; 得到元素后,后面加一個(gè)中括號(hào),寫成下標(biāo)的形式,也就自動(dòng)轉(zhuǎn)成原生js的形式了;這是一種偷巧的寫法;} });

outerWidth與原生的區(qū)別:

$(function(){//alert( $('#div1').get(0).offsetWidth ); //這里原生js,如果把div1設(shè)置為隱藏,獲取的值為0;alert( $('#div1').outerWidth() ); //不管是顯示和隱藏的,都可以獲取到值; });

text()?? ?會(huì)獲取所有的內(nèi)容(特例),不會(huì)獲取到標(biāo)簽,而html會(huì)獲取到標(biāo)簽;

$(function(){//alert( $('div').html() );//alert( $('div').text() ); //會(huì)獲取所有的內(nèi)容(特例)$('div').text('<h3>h3</h3>'); //在瀏覽器中會(huì)輸出純文本<h3>h3</h3> });

remove()detach()的區(qū)別:

//remove方法刪除元素的時(shí)候會(huì)把元素的操作行為也刪除掉;

//detach()?:?跟remove方法一樣,只不過會(huì)保留刪除這個(gè)元素的操作行為

$(function(){$('div').click(function(){alert(123);});var oDiv = $('div').detach(); //這里如果用remove(),恢復(fù)的時(shí)候,點(diǎn)擊行為會(huì)無效$('body').append( oDiv ); });

$()?? :? $(document).ready()? window.οnlοad=function(){}的區(qū)別:

$(function(){ //等DOM加載完就可以執(zhí)行了 , 性能要好 }); 是 $(document).ready(function(){ }); 的簡寫;

?window.onload?=?function(){};?//等圖片和flash等加載完才執(zhí)行;

//DOMContentLoaded

parents()?? closest()

//parents()?:?獲取當(dāng)前元素的所有祖先節(jié)點(diǎn),參數(shù)就是篩選功能

//closest()?:?獲取最近的指定的祖先節(jié)點(diǎn)(包括當(dāng)前元素自身),必須要寫篩選的參數(shù),只能找到一個(gè)元素

$(function(){//$('#div2').parents().css('background','red'); //獲取到所有祖先節(jié)點(diǎn) div1,body,html//$('#div2').parents('.box').css('background','red'); //獲取到class為box的祖先元素$('#div2').closest('.box').css('background','red'); });

siblings() 獲取元素的所有兄弟節(jié)點(diǎn) ;

nextAll() 獲取下面所有的兄弟節(jié)點(diǎn);

preAll() 獲取上面所有的兄弟節(jié)點(diǎn);

parentsUntil()?? nextUntil()?? prevUntil()

//siblings()?:?找所有的兄弟節(jié)點(diǎn),參數(shù)也是篩選功能

//nextAll()?:?下面所有的兄弟節(jié)點(diǎn),參數(shù)也是篩選功能

//prevAll()?:?上面所有的兄弟節(jié)點(diǎn)

//Until()?:?截止

$(function(){$('span').nextUntil('h2').css('background','red'); });

clone()? 克隆節(jié)點(diǎn):

$(function(){//$('div').appendTo( $('span') ); //剪切行為//$('span').get(0).appendChild( $('div').get(0) );//clone() : 可以接收一個(gè)參數(shù) ,作用可以復(fù)制之前的操作行為$('div').click(function(){alert(123);});$('div').clone(true).appendTo( $('span') ); //參數(shù)true作用可以復(fù)制之前的操作行為 });

wrap()? wrapAll()? wrapInner()? unwrap()?? 包裝,包裝方法

在外面包裹一下

$('span').wrapInner('<div>'); //span外包裝div

?wrapAll() 整體包裝:

//wrap()?:?包裝

//wrapAll()?:?整體包裝;?會(huì)影響結(jié)構(gòu)

//wrapInner()?:?內(nèi)部包裝;

//unwrap()?:?刪除包裝?(?刪除父級(jí)?:?不能刪除body?)

$(function(){//$('span').wrapInner('<div>'); div在span里面了$('span').unwrap(); });

add()

$(function(){/*var elem = $('div');var elem2 = elem.add('span');elem.css('color','red');elem2.css('background','yellow');*/$('li').slice(1,4).css('background','red'); });

slice()

$('li').slice(1,4).css('background','red');

第一個(gè)參數(shù)是起始位置,4是結(jié)束位置(選中的不包括結(jié)束位置);

serialize()??? serializeArray()?? 數(shù)據(jù)串連化

$(function(){//console.log($('form').serialize()); //string : a=1&b=2&c=3console.log( $('form').serializeArray() );[{ name : 'a' , value : '1' },{ name : 'b' , value : '2' },{ name : 'c' , value : '3' }] }); </script> </head> <body> <form><input type="text" name="a" value="1"><input type="text" name="b" value="2"><input type="text" name="c" value="3"> </form>

jquery中的animate()

//animate()?:?

//第一個(gè)參數(shù)?:?{}?運(yùn)動(dòng)的值和屬性

//第二個(gè)參數(shù)?:?時(shí)間(運(yùn)動(dòng)快慢的)??默認(rèn)?:?400?毫秒

//第三個(gè)參數(shù)?:?運(yùn)動(dòng)形式?只有兩種運(yùn)動(dòng)形式?(?默認(rèn)?:?swing(緩沖,慢快慢)?linear(勻速)?) 默認(rèn)是緩沖(慢快慢)

//第四個(gè)參數(shù)?:??回調(diào)函數(shù);運(yùn)行結(jié)束后,回調(diào)函數(shù)

$(function(){$('#div1').click(function(){$(this).animate({width : 300 , height : 300} , 3000 , 'linear',function(){alert(123); //回調(diào)函數(shù),也可以用鏈?zhǔn)讲僮鱽韺?#xff1b;});$('#div2').animate({width : 300 , height : 300} , 3000 , 'swing');}); });

鏈?zhǔn)讲僮鱽韺?#xff1a;先寬后高;和上述的回調(diào)函數(shù)效果一致;

$(this).animate({width : 300} , 2000).animate({height : 300} , 2000);

Stop()方法:

$('#div2').click(function(){//$('#div1').stop(); //默認(rèn) : 只會(huì)阻止當(dāng)前運(yùn)動(dòng)(當(dāng)前步驟)//$('#div1').stop(true); //阻止所有后續(xù)的運(yùn)動(dòng)//$('#div1').stop(true,true); //立即停止到當(dāng)前步驟指定的目標(biāo)點(diǎn),當(dāng)前步驟的目標(biāo)點(diǎn)// stop不能做到,點(diǎn)一下-->直接到最后的目標(biāo)點(diǎn)-->用finish()$('#div1').finish(); //立即停止到所有指定的目標(biāo)點(diǎn),到最后的目標(biāo)點(diǎn)});

delay()

延遲

jquery中事件委托:

delegate()?? undelegate()

$(function(){/*$('li').on('click',function(){this.style.background = 'red';});*/$('ul').delegate('li','click',function(){ //事件委托this.style.background = 'red'; $('ul').undelegate(); //阻止事件委托}); });

trigger()? 主動(dòng)觸發(fā)

$(function(){/*$('#div1').on('click',function(){alert(123);});$('#div1').trigger('click'); //主動(dòng)觸發(fā)*/$('#div1').on('show',function(){alert(123);});$('#div1').on('show',function(){alert(456);});$('#div1').trigger('show'); });

事件細(xì)節(jié):

$(function(){$('#div1').on('click',{name:'hello'},function(ev){//alert(ev.data.name); 這里的ev.data等于{name:'hello'}這個(gè)整體,ev.data.name就是hello//alert( ev.target ); 當(dāng)前操作的事件源,全兼容的alert( ev.type ); 當(dāng)前操作事件類型}); });

jquery的工具方法:

我們前面的都是$().css()??$().html()??$().val()??:?只能給JQ對(duì)象用;

?

而實(shí)際上,我們還存在另外一種寫法:?? 不僅可以給jquery用,也可以給原生js用;

$.xxx()? $.yyy()? $.zzz()? : 不僅可以給JQ用,也可以給原生JS : 叫做工具方法

type()

trim()

$(function(){//var a = null;//$.type() : 也是判斷類型,功能更加強(qiáng)大,能判斷出更多的類型//alert( typeof a ); 原生js的判斷變量類型//alert( $.type(a) ); 用$.type()判斷出更多類型,功能更強(qiáng)大var str = ' hello ';alert('('+$.trim(str)+')'); //$.trim()去除前后的空格 });

inArray()?? 類似于 indexOf

proxy()? 改變this指向

$(function(){//var arr = ['a','b','c','d'];//alert( $.inArray('b',arr) ); //b在array這個(gè)數(shù)組中的位置;若沒有會(huì)返回-1;有的話就返回位置//proxy() : 改變this指向的function show(n1,n2){alert(n1);alert(n2);alert(this);}//show();//$.proxy(show , document)(); //show的this指向document//$.proxy(show , document,3,4)(); //對(duì)于傳參,傳參可以這樣傳$.proxy(show , document,3)(4); //也可以這樣混著傳參//jquery中為什么要這樣傳參呢?//$(document).click( $.proxy(show,window)(3,4) ); //如果這樣傳參,刷新就直接調(diào)用函數(shù)$(document).click( $.proxy(show,window,3,4) ); //這樣傳參,就是在click后才會(huì)調(diào)用函數(shù),而不會(huì)直接調(diào)用; });

$.noConflict()? 防止沖突

//$?,?jQuery??$=jQuery?一回事?$不是jQuery獨(dú)有的

//noConflict() : 防止沖突的 var aaa= $.noConflict(); var $ = 10; aaa(function(){aaa('body').css('background','red'); });

parseJSON()? 把字符串轉(zhuǎn)換成json類型

var str = '{"name":"hello"}'; //字符串必須是嚴(yán)格的JSON格式 alert($.parseJSON( str ).name); //把字符串轉(zhuǎn)換成json

makeArray()?

window.onload = function(){var aDiv = document.getElementsByTagName('div'); //只是集合,不是真正的數(shù)組,我們叫做類數(shù)組(類似于數(shù)組)$.makeArray(aDiv).push(); //通過 $.makeArray(aDiv) 把 類數(shù)組 轉(zhuǎn)換成 真正的數(shù)組 };

jquery中使用ajax

<script> /*$.ajax({url : 'xxx.php',data : 'name=hello&age=20',type : 'POST', //默認(rèn)是getsuccess : function(data){ //請(qǐng)求成功以后的回調(diào)函數(shù)alert(1);},error : function(){ //請(qǐng)求失敗之后alert(2);} });*/ $.get('xxx.php',function(){ //ajax的get請(qǐng)求可用get(),第一個(gè)是地址,第二個(gè)是成功后回調(diào) }); // $.get()和$().get()是有區(qū)別的;前者是ajax的get請(qǐng)求方法,后者是將jQuery對(duì)象轉(zhuǎn)換成js原生對(duì)象 $.post('xxx.php',function(){ }); $.getJSON('xxx.php?callback=?',function(data){ //請(qǐng)求json類型的數(shù)據(jù),支持jsonp的形式:指定?callback=?data }); 隨機(jī)({}); </script>

jQuery中的插件

擴(kuò)展插件

//$.extend?:?擴(kuò)展工具方法下的插件形式??$.xxx()?$.yyy()

//$.fn.extend??:??擴(kuò)展到JQ對(duì)象下的插件形式??$().xxx()??$().yyy()

用插件實(shí)現(xiàn)去掉左空格

$.extend({leftTrim : function(str){return str.replace(/^\s+/,''); //這里用正則來去掉左空格} }); var str = ' hello '; alert( '('+$.leftTrim(str)+')' ); //利用leftTrim去掉左空格 $.extend({ //用extend,json的寫法,可以擴(kuò)展多個(gè)leftTrim : function(str){return str.replace(/^\s+/,''); //這里用正則來去掉左空格},rightTrim : function(){},aaa : function(){alert(1);} });

$.fn.extend({??//也是寫成json形式

drag : function(){ //這里擴(kuò)展拖拽//this : $('#div1')var disX = 0;var disY = 0;var This = this; //這里將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;}); },aaa : function(){alert(2);} }); //$.trim() //$.leftTrim() /*var str = ' hello '; alert( '('+$.leftTrim(str)+')' );*/ $(function(){$('#div1').drag(); //這里調(diào)用上面插件的擴(kuò)展 }); $.aaa(); // 1 $().aaa(); //2

轉(zhuǎn)載于:https://www.cnblogs.com/webcome/p/5484005.html

總結(jié)

以上是生活随笔為你收集整理的jquery基本操作笔记的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。