Bagaimana untuk menyembunyikan elemen dalam jquery

Cara menyembunyikan elemen dalam jquery: 1. Buat fail sampel HTML 2. Tetapkan id kepada elemen 3. Sembunyikan elemen melalui "$("#id").hide() "Kaedah Itu sahaja.

Persekitaran pengendalian artikel ini: sistem Windows 7, versi jquery 3.2.1, komputer DELL G3

Cara menyembunyikan elemen dalam jquery?

Beberapa cara untuk mengawal penyembunyian dan paparan elemen dengan jquery:

Organisasi agak kucar-kacir, harap bersabar!

Gunakan jquery untuk mengawal paparan dan penyembunyian div, yang boleh dilakukan dalam satu ayat, contohnya:

1.$("#id"). show() dinyatakan sebagai paparan: blok,

$("#id").hide() dinyatakan sebagai display:none;

2.$("#id"). toggle() menukar keterlihatan keadaan elemen. Jika elemen kelihatan, tukar kepada tersembunyi jika elemen itu tersembunyi, tukarkannya kepada kelihatan.

3.$("#id").css('paparan','tiada');//Sembunyikan

$("#id").css('paparan', 'sekat'); //Paparan

atau

$("#id")[0].style.display='none';

display=tiada kawalan Carian tersembunyi objek

Display=block mengawal paparan objek

4.$("#id").css('visibility','hidden');//Element hiding

$("#id").css('visibility','visible');//Elemen paparan

Atribut keterlihatan CSS menentukan sama ada elemen itu boleh dilihat.

kelihatan Elemen kelihatan.

elemen tersembunyi tidak kelihatan.

runtuh Apabila digunakan dalam elemen jadual, nilai ini boleh memadamkan baris atau lajur, tetapi ia tidak menjejaskan reka letak jadual. Ruang yang diduduki oleh baris atau lajur disediakan untuk kandungan lain. Jika nilai ini digunakan pada elemen lain, nilai ini akan dipaparkan sebagai "tersembunyi".

warisi Mewarisi nilai atribut keterlihatan daripada elemen induk.

Nota:

Kedua-dua paparan:none dan visible:hidden boleh menyembunyikan elemen pada halaman web. Tiada perbezaan dalam kesan visual, tetapi terdapat perbezaan antara keduanya dalam beberapa operasi DOM :

paparan:tiada ---Jangan simpan ruang fizikal untuk objek tersembunyi, iaitu objek hilang sepenuhnya dari halaman Dalam istilah orang awam, ia tidak boleh dilihat atau disentuh.

visible:hidden--- menjadikan objek tidak kelihatan pada halaman web, tetapi ruang yang diduduki oleh objek pada halaman web tidak berubah, iaitu, ia masih mempunyai atribut seperti ketinggian, lebar, dll. . Dalam istilah orang awam, ia bermakna ia tidak kelihatan tetapi boleh disentuh.

//第1种方法 ,给元素设置style属性  
$("#hidediv").css("display", "block");  
//第2种方法 ,给元素换class，来实现隐藏div，前提是换的class样式定义好了隐藏属性  
$("#hidediv").attr("class", "blockclass");  
//第3种方法,通过jquery的css方法，设置div隐藏  
$("#blockdiv").css("display", "none");  
  
$("#hidediv").show();//显示div    
$("#blockdiv").hide();//隐藏div

Pembelajaran yang disyorkan: "tutorial video jquery"

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan elemen dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!