1. Laksanakan acara klik bergantian dinamik Kami telah membincangkan tentang toggleClass() sebelum ini untuk acara klik, jQuery juga menyediakan kaedah toggle() berselang-seli secara dinamik. Contoh: Interaksi dinamik peristiwa klik. Salin kod Kod adalah seperti berikut: <br> $(function() {<br> $("#ddd").togol(<br> fungsi (oEvent) {<br> $(oEvent.target).css("opacity", "0.5");<br> },<br> fungsi (oEvent) {<br> $(oEvent.target).css("opacity", "1.0");<br> }<br> );<br> });<br> <div id="ddd">11</div><br> <br> </div> 2. Laksanakan penderiaan tetikus<p> </p>Dalam css, anda boleh menggunakan :hover pseudo-class untuk melaksanakan semakan gaya dan melaksanakan gaya css yang berasingan Selepas pengenalan jQuery, hampir semua elemen boleh menggunakan hover() untuk mengesan tetikus. Dan boleh mencipta kesan yang lebih kompleks. Intipatinya ialah penggabungan acara alih tetikus dan keluar tetikus <p> Kaedah hover(over,out) menerima dua parameter, kedua-duanya adalah fungsi. Yang pertama dicetuskan apabila tetikus bergerak ke atas elemen, dan yang kedua dicetuskan apabila tetikus bergerak keluar dari elemen. <br> </p> <p></p> <div class="codetitle"><span><a style="CURSOR: pointer" data="75919" class="copybut" id="copybut75919" onclick="doCopy('code75919')">Salin kod<u></u></a> Kod adalah seperti berikut:</span></div> <div class="codebody" id="code75919"> <script type="text/javascript"><br> $(function() {<br> $("#ddd").tuding(<br> fungsi (oEvent) {<br> //Fungsi pertama adalah bersamaan dengan pemantauan acara alih tetikus<br> $(oEvent.target).css("opacity", "0.5");<br> },<br> fungsi (oEvent) {<br> //Fungsi kedua adalah bersamaan dengan pemantauan acara alih tetikus<br> $(oEvent.target).css("opacity", "1.0");<br> }<br> );<br> });<br> <div id="ddd">11</div><br> <br><br> </div>Berbanding dengan contoh pertama, cuma gantikan toggle() dengan hover(). <p>Di bawah bimbingan wenzi0_0, tulis beberapa contoh kecil tentang toggle()</p> <p>1. Aplikasi konvensional</p> <p></p> <p></p> <div class="codetitle"><span>Salin kod<a style="CURSOR: pointer" data="53893" class="copybut" id="copybut53893" onclick="doCopy('code53893')"><u></u> Kod adalah seperti berikut:</a><div class="codebody" id="code53893"> <br> <script type="text/javascript"><br> $(fungsi() {<br> $("#ddd").klik(function(){<br> $("#eee").togol(); <br> });<br> });<br> </skrip><br> <div id="ddd">11</div><br> <div id="eee">122</div><br> </div> <p>2.css属性</p> <p></p> <div class="codetitle"> <span><a style="CURSOR: pointer" data="93413" class="copybut" id="copybut93413" onclick="doCopy('code93413')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code93413"> <br> <script type="text/javascript"><br> $(fungsi(){<br> $("#eee").togol(fungsi() {<br> $("#ddd").css("warna latar belakang", "hijau");<br> },<br> fungsi() {<br> $("#ddd").css("warna latar belakang", "merah");<br> },<br> fungsi() {<br> $("#ddd").css("warna latar belakang", "kuning");<br> }<br> );<br> });<br> </skrip><br> <div id="ddd">11</div><br> <div id="eee">122</div><br> </div> <p>本文就先到这里了,小伙伴们是否对 jQuery鼠标事件有新的认识了呢,希望小伙。</p></span></div>