Mekanisme_jquery pemprosesan jquery yang sempurna-tutorial js-php.cn

Mekanisme_jquery pemprosesan jquery yang sempurna

WBOY

Lepaskan： 2016-05-16 15:14:37

asal

974 orang telah melayarinya

Menggunakan pemilih jQuery bukan sahaja lebih mudah daripada menggunakan fungsi getElementById() dan getElementsByTagName() tradisional, tetapi ia juga boleh mengelakkan ralat tertentu. Sila lihat contoh di bawah:

 <script>
  document.getElementById("div").style.color ="red";
 </script>

Salin selepas log masuk

Selepas menjalankan kod di atas, penyemak imbas akan melaporkan ralat kerana tiada unsur dengan ID div dalam halaman web.

Kod yang dipertingkatkan adalah seperti berikut:

<script>
   if(document.getElementById("div")){ //用了IF语句来判断是否有ID为div的元素，如果有，执行下面代码 
    document.getElementById("div").style.color ="red"
   }
</script>

Salin selepas log masuk

Ini boleh mengelakkan ralat penyemak imbas, tetapi jika terdapat banyak elemen untuk dikendalikan, setiap elemen mungkin perlu dinilai sekali, dan jquery mengendalikan masalah dengan baik, walaupun JQUERY digunakan untuk mendapatkan halaman web yang tidak wujud Elemen tidak akan melaporkan ralat.

Kod adalah seperti berikut:

 <script>
  $("#div").css("color","red");
 </script>

Salin selepas log masuk

Dengan langkah pencegahan ini, walaupun elemen yang digunakan sebelum ini pada halaman web dipadamkan atas sebab tertentu pada masa hadapan, anda tidak perlu risau bahawa JavaScript halaman web ini akan melaporkan ralat.

Nota:

$("div") sentiasa memperoleh objek jquery, walaupun tiada unsur sedemikian pada halaman web. Jadi apabila anda ingin menggunakan jquery untuk menyemak sama ada unsur wujud pada halaman web.

Kod berikut tidak boleh digunakan:

<script>
 if($("#div")){
   $("#div").css("color",red) //这样游览器会报错
  }
</script>

Salin selepas log masuk

Ia harus dinilai berdasarkan panjang yang diperolehi.

Kod adalah seperti berikut:

<script>
 if($("#div").length >0){
   $("#div").css("color",red)
 }
</script>

Salin selepas log masuk

Pada masa ini, ia juga boleh ditukar menjadi objek DOM untuk penghakiman.

Kod adalah seperti berikut:

<body>
  <div id="div">ccccccc</div>
<script src="jquery-2.1.4.min.js"></script>
<script>
  var $div = $("#div");
  var div = $div[0];
  if(div){
    $div.css("color","red")  //此时DIV的颜色就变为red
  }
</script>
</body>

Salin selepas log masuk

Ini adalah mekanisme pemprosesan jquery yang sempurna. Saya harap ia akan membantu semua orang untuk mempelajari pengaturcaraan jquery.