ホームページ > ウェブフロントエンド > jsチュートリアル > 一般的かつ重要な jQuery メソッドの概要_jquery

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

WBOY
リリース: 2016-05-16 15:50:30
オリジナル
1135 人が閲覧しました

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() メソッドは、選択した要素にデータを追加するか、選択した要素からデータを取得します。

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート