jquery 常用方法及事件操作 工具方法

2021-07-11 22:40:40 字數 2662 閱讀 8543

/**

* //dom常用操作,dom操作

* get() 就是把jq轉成原生js

* outterwidth();

* 類似原生offsetwidth :獲取不到隱藏元素(display:none)的值

* text();

* remove();

* detach()跟remove一樣,不過會保留刪除這個元素的操作行為

* parents()獲取當前元素的所有祖先節點

* closest()獲取最近的指定的祖先節點包括元素自身,必須要寫篩選的引數,只能找到乙個元素

* siblings()

* nextall()下面所有的兄弟節點

* prevall()

* parentsuntil() 到什麼為止

* nextuntil()

* prevuntil()

* clone(true) 可以接收乙個引數,作用:可以複製之前的操作行為

* warp() 外包裝

* warpall()

* warpinner 內包裝

* unwarp()刪除包裝刪除父級,不包括body

* add()

* slice() 擷取

* serialize()

* serializearray()

* //運動

* animate()

* 第三個引數:swing(預設)

* linear

* 第四個引數 callback

* * stop() 預設阻止當前運動

* stop(true) 阻止後續的運動

* stop(true,true) 可以立即停止到指定的目標點

* finish()可以立即停止到所有指定的目標點

* * delay()

* //事件委託

* delegate //優點:省略了迴圈操作,對後續新增的內容應用了事件操作

* undelegate() //阻止事件委託

* * trigger //觸發被選中元素的指定事件

* ev.data e.target ev.type

*/

alert($(".div").get()[0].innerhtml);

window.onload = function()

$(function())

||$(document).ready(function())

//delegate

$("li").on("click",function())

$("ul").delegate("li","click",function())

$("div").click(function())

$("div").trigger('click'); //主動觸發

$(".div").on("click",,function(ev))

/**

* $.xx(); 工具方法不僅可以jquery用,原生js 也可以

* * $.type()可以返回具體型別

* $.trim()去掉空格

* $.inarray()類似於indexof

* $.porxy()改變this指向

* $.noconflict()防止衝突

* $.parsejson()

* $.makearray()

* * //外掛程式

* $.extend 擴充套件工具方法下的外掛程式形式 $.***()

* $.fn.extend : 擴充套件到jq物件下的外掛程式 $().***()

*/var a = "string";

alert(typeof a);

alert($.type(a));

var arr = ['a','b','c','d'];

alert($.inarray('w',arr)); //-1

function show(n1,n2)

$.proxy(show,document)(); //document

$.proxy(show,document)(3,4); //3,4

$.proxy(show,document,3,4)(); //3,4

$.proxy(show,document,3)(4); //3,4

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

//noconflict

var fun = $.noconflict();

fun(function())

//ajax

$.ajax(,

error : function()

})// $.extend

$.extend(

})$.lefttrim()

//$.fn.extend()

$.fn.extend(function())

document.mouseup(function())

return false;

})}})

$("div").drag();

JQuery四 JQuery事件常用方法

1.selector event handler 2.selector bind event data handler eventobject event可以設定多個事件,用空格隔開 data為json格式的字串,在方法中可以用eventobject.data.argname方式來使用。select...

常用的 jQuery 事件方法

jquery特效1 document ready function e button選擇器 彈出提示框 button click function button選擇器 隱藏id為test的標籤 button click function button選擇器 隱藏class為test的標籤 butto...

常用事件與jQuery事件方法

滑鼠事件 鍵盤事件 表單 元素 事件 focus 元素獲得焦點觸發 blur 元素失去焦點觸發 文件 視窗事件one event name handle func 繫結事件處理程式 只會觸發一次 off event name handle func 移除事件 trigger event name a...