Rumah > hujung hadapan web > tutorial js > Ringkasan kaedah jQuery yang biasa dan penting_jquery

Ringkasan kaedah jQuery yang biasa dan penting_jquery

WBOY
Lepaskan: 2016-05-16 15:50:30
asal
1170 orang telah melayarinya

1.jquery data(nama)

Kaedah data() menambahkan data pada elemen yang dipilih atau memperoleh data daripada elemen yang dipilih.

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

Salin selepas log masuk

2.hujah jquery

argumen ialah rujukan kepada objek parameter sebenar, iaitu objek seperti tatasusunan.

Indeks argumen meningkat daripada 0, 1,2,...., sepadan dengan parameter sebenar satu demi satu.

arguments.length atribut mewakili bilangan parameter sebenar

argumen mestilah bukan tatasusunan, tetapi objek yang panjang dan kelihatan seperti tatasusunan, walaupun ia juga mempunyai atribut panjang

Argumen akan ditemui dalam setiap fungsi Oleh itu, hujah hanya akan mencari hujahnya sendiri secara dalaman dan tidak boleh merujuk kepada hujah luar

// 求圆形面积,矩形面积, 三角形面积
  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);

Salin selepas log masuk

3.jquery target() event.target

Atribut

sasaran menentukan elemen DOM yang mencetuskan acara.

$("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 元素触发
....

Salin selepas log masuk

4. pencetus jquery(peristiwa,[parameter 1, parameter 2,...])

Kaedah

cetus() mencetuskan jenis acara tertentu bagi elemen yang dipilih. (Acara boleh disesuaikan dan parameter boleh diluluskan) Acara tersuai adalah sangat penting dan berguna!

 //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"]); 

Salin selepas log masuk

Subrentetan 5.js(mula,berhenti)

Kaedah

substring() digunakan untuk mengekstrak aksara antara dua subskrip tertentu dalam rentetan.

Subrentetan yang dikembalikan oleh kaedah

substring() termasuk aksara pada permulaan tetapi tidak termasuk aksara pada hentian.

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

Salin selepas log masuk

Lihat dengan jelas, tiada watak r di perhentian!

Penting: Tidak seperti kaedah slice() dan substr(), substring() tidak menerima hujah negatif.

hirisan 6.js(mula,berhenti)

Kaedah

slice() mengekstrak bahagian tertentu rentetan dan mengembalikan bahagian yang diekstrak sebagai rentetan baharu. Sama seperti subrentetan di atas, tidak termasuk aksara pada hentian

Perbezaan lain ialah: mula dan berhenti boleh menggunakan nombor negatif! Iaitu, -1 merujuk kepada aksara terakhir rentetan, -2 merujuk kepada aksara kedua hingga terakhir, dan seterusnya.

Kaedah data() menambahkan data pada elemen yang dipilih atau memperoleh data daripada elemen yang dipilih.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan