Rumah > Artikel > hujung hadapan web > Mekanisme_jquery pemprosesan jquery yang sempurna

Mekanisme_jquery pemprosesan jquery yang sempurna

WBOYasal: 2016-05-16 15:14:371007semak imbas

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>

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>

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>

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>

Ia harus dinilai berdasarkan panjang yang diperolehi.

Kod adalah seperti berikut:

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

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>

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

Kenyataan：

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

Artikel sebelumnya：Skrin percikan EasyUI Petua memuatkan halaman EasyUI (prinsip + kod + pemaparan)_kemahiran javascriptArtikel seterusnya：Skrin percikan EasyUI Petua memuatkan halaman EasyUI (prinsip + kod + pemaparan)_kemahiran javascript

Artikel berkaitan

Lihat lagi