一般的かつ重要な jQuery メソッドの概要_jquery

1.jquery データ(名前)

data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。

$("#btn1").click(function(){
 $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
 alert($("div").data("greeting"));
});

2.jquery 引数

arguments は、配列のようなオブジェクトである実際のパラメータ オブジェクトへの参照です。

引数のインデックスは、実際のパラメータに対応して 0、1、2、.... と 1 つずつ増加します。

arguments.length 属性は実際のパラメータの数を表します

引数は配列ではなく、長くて配列のように見えるオブジェクトである必要がありますが、長さ属性もあります

引数はすべての関数で見つかります。したがって、引数は内部で独自の引数のみを見つけ、外部の引数を参照することはできません。

// 求圆形面积,矩形面积, 三角形面积
　　function area () {
　　if(arguments.length == 1) {
　　alert(3.14 * arguments[0] * arguments[0]);
　　} else if(arguments.length == 2) {
　　alert(arguments[0] * arguments[1]);
　　} else if(arguments.length == 3) {
　　alert(arguments[0] + arguments[1] + arguments[2]);
　　} else {
　　return null;
　　}
　　}


//调用
　　area(10,20,30);

3.jquery target()event.target

target 属性は、どの DOM 要素がイベントをトリガーしたかを指定します。

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});
<p></p>
<button></button>
<h1></h1>
<h2></h2>
//当点击p标签的时候显示：点击事件由 P 元素触发
....

4.jquery トリガー(イベント,[パラメータ 1, パラメータ 2,...])

trigger() メソッドは、選択した要素の指定されたイベント タイプをトリガーします。 （イベントはカスタマイズ可能、パラメータも渡せる） カスタムイベントはとても重要で便利です！

 //myEvent为自定义事件名
    $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }); 
     $("#p1").trigger("myEvent",["Hello","World"]); 
//也可以这样写：
　　　 $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }).trigger("myEvent",["Hello","World"]); 

5.js 部分文字列(開始、停止)

substring() メソッドは、文字列内の指定された 2 つの添え字の間の文字を抽出するために使用されます。

substring() メソッドによって返される部分文字列には、開始部分の文字は含まれますが、終了部分の文字は含まれません。

var str="Helloworld!"
document.write(str.substring(3,7))
//结果
lowo
var str="Hello world!"//有两个空字符
document.write(str.substring(3,7))
//结果
lo
//两者的结果有区别，字符串之间的空字符串占用索引！

よく見てください、停留所に「r」の文字がありません。

重要:slice() メソッドや substr() メソッドとは異なり、substring() は負の引数を受け入れません。

6.js スライス(開始,停止)

slice() メソッドは、文字列の特定の部分を抽出し、抽出された部分を新しい文字列として返します。

の文字を除いて、上記の部分文字列と同じです。

もう 1 つの違いは、開始と停止には負の数を使用できることです。つまり、-1 は文字列の最後の文字を指し、-2 は最後から 2 番目の文字を指し、以下同様になります。

data() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。

以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。