Matukio ya jQuery

jQuery inaanzishwa kwa hatua ya matukio.

Fungili ya hatua ya jQuery

Programu ya hatua ya jQuery inaona funguli muhimu wa jQuery.

Programu ya hatua inaeleza uwanja wa matukio yenye maadili yenye matukio yaliyotengwa kwa sababu ya 'kuwasiliana' (��kili) kilitumika kwa kawaida.

Kwa kawaida, programu za jQuery inatumiwa katika matukio ya <head> ya kikamilifu cha maadili:

Mfano

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>

jaribu kama hivi

Kwenye matokeo juu, kila wakati hatua ya kudumisha msingi wa kiklikisha inapakia kumwita funguli:

$("button").click(function() {  // some code... } )

Hii inadumu kumwita mabaki yote ya <p> elementi:

$("p").hide();

Functions katika fayilo la kila mwingine

Ikiwe kama tovuti yako ina picha zaidi ya moja, na inafikia kuongeza uharibifu wa jQuery kwa upakiaji, tumia fayilo la .js kikamilifu cha jQuery function.

Kama tunademonisha jQuery kwenye mjadala, tunatengeneza maalumu kwa kina la <head>. Hata hivyo, kuingiza kwa faili ya kina mpya ni bora, kama hili (kwa kutumia sababu ya src):

Mfano

<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="my_jquery_functions.js"></script>
</head>

jQuery Name Conflict

jQuery tumewa kwa kufikia hili masaa huu kwa $ kama jina la mbinu ya kufikia jQuery.

Wengine wana matukio ya JavaScript kama Prototypes wana tumia $ mbali na $.

jQuery tumewa kwa kufikia hili masaa huu kwa jina la noConflict()

var jq=jQuery.noConflict()kwa kumsaada kuwa na jina la kufikia kwa hivyo kuwakilisha $ mbali na $.

jaribu kama hivi

matokeo

ingiza kwa jQuery kwa kina la kuzingatia hali ya sio yako hali ya hatua ya ujumbe wa siku hii

  • ingiza kwa jQuery kwa kina la kuzingatia hali ya sio yako hali ya hatua ya ujumbe wa siku hii
  • ingiza wakilishaji wa matukio wote katika kina la kuzingatia hali ya sio yako hali ya hatua ya ujumbe wa siku hii
  • ingiza kwa jQuery kwa faili ya .js yenye maana
  • kama kuna mabaya ya jina, tunara jina ya jQuery kwa jina mpya

Matukio ya jQuery

Hii ni maelezo ya matukio ya jQuery kwa mfano

Event 函数 wasiliana kwa kina huzuni kwa tukio la kina la kuzingatia
$(document).ready(function) wasiliana kwa kina la kuzingatia kwa hatua ya kufikia hali ya sio yako hali ya hatua ya ujumbe wa siku hii
wasiliana kwa kina huzuni kwa tukio la kina la kuzingatia $(document).ready(function)
tungua hili maalum au kuwasiliana kwa tukio la kina la kuzingatia $(selector).click(function)
$(selector).dblclick(function) $(selector).focus(function)
$(selector).mouseover(function) tungua hili maalum au kuwasiliana kwa kina huzuni kwa tukio la kina la kusikia

kama una uharibifu wa pamba kipya, tazama tena hii jQuery 事件参考手册。