jQuery常用方法和函式

2022-08-27 14:06:09 字數 2678 閱讀 7588

bind() 方法：被選元素新增乙個或多個事件處理程式，並規定事件發生時執行的函式

$(selector).bind()


$("button").bind("click",function());
focus([[data],fn]) 元素獲得焦點時，觸發 focus 

事件

$("input[type=text]").focus(function());//


無法使用文字檔
hover([over,]out) ：乙個模仿懸停事件（滑鼠移動到乙個物件上面及移出這個物件）的方法

$("td").hover( function () ,                 


function ()  );



$("p").blur( function ()  );
slidetoggle() 方法通過使用滑動效果（高度變化）來切換元素的可見狀態。

$(selector).slidetoggle(speed,callback)  speed 可選規定元素從隱藏到可見的速度（或者相反）。預設為 

"normal" 毫秒 （比如 1500

） "slow"  "normal"  "fast" 

$(".btn1").click(function());
prop()函式用於設定或返回當前jquery/ prop()操作針對的是元素(element

物件)物件所匹配的元素的屬性值

如果需要刪除dom

元素的屬性，請使用

removeprop()函式。

jqueryobject.prop( propertyname [, value ] )


jqueryobject.prop( object )


//以物件形式同時設定任意多個屬性值。物件obj的每個屬性對應propertyname，屬性的值對應value
元素。

codeplayer


var $n2 = $("#n2");


//prop()操作針對的是元素(element物件)的屬性，而不是元素節點(html文件)的屬性


document.writeln( $n2.prop("data-key") ); //


undefined


document.writeln( $n2.prop("data_value") ); //


undefined


document.writeln( $n2.prop("id") ); //


n2document.writeln( $n2.prop("tagname") ); //


pdocument.writeln( $n2.prop("classname") ); //


demo test


document.writeln( $n2.prop("innerhtml") ); //


codeplayer


document.writeln( typeof $n2.prop("getattribute") ); //


function


//prop()設定的屬性也是針對元素(element物件)，因此也可以通過元素本身直接訪問


$n2.prop("prop_a", "codeplayer");


document.writeln( $n2[0].prop_a ); //


codeplayer


var n2 = document.getelementbyid("n2");


document.writeln( n2.prop_a ); 


//codeplayer


//以物件形式同時設定多個屬性，屬性值可以是物件、陣列等任意型別


$n2.prop(  } );


document.writeln( $n2[0].prop_c ); //


18document.writeln( $n2[0].site.url ); //


//反選所有的核取方塊(沒選中的改為選中，選中的改為取消選中)


$("input:checkbox").prop("checked", function


(index, oldvalue));



$(selector).replacewith(content)   $(selector).replacewith(function())
replaceall()

作用相同。差異在於語法：內容和選擇器的位置，以及 

replaceall() 

無法使用函式進行替換

$(".btn1").click(function());


clone() 方法生成被選元素的副本，包含子節點、文字和屬性。


$(selector).clone(includeevents)
textfile外掛程式 內容填充

my awesome text!
例子：返回值success  fail

$(function() ,        fail: function()     });});


$(function() );});
右鍵選單contextmenu

jquery常用函式

複製物件 const obj const copy object.assign obj console.log copy 合併物件 const o1 const o2 const o3 const obj object.assign o1,o2,o3 console.log obj console....

jQuery常用函式

html 文字 值 no函式名描述1 val 取得值2 val value 設定值3 text 取得文字內容 4text value 設定文字內容 5html 取得html內容 6html value 設定html內容 屬性 css 類 no函式名描述1 attr name 取得屬性值 2attr ...

Jquery 常用方法

取得下拉列表的選取值 testselect option selected text 下拉列表選中的文字 或 testselect find option selected text 或 testselect val 下拉列表選中的值 賦值給下拉列表 testselect attr value 1 ...