Need A Simple & Clean Website? Well, you have come to the right place! Feel free to surf around

Gambaran Ringkas jQuery

Gambaran ringkas mengenai j Query

Antara banyak perpustakaan JavaScript, jQuery menarik saya paling kerana ianya ringan, ia adalah mudah dan mempunyai sintaks intuitif. Satu lagi perkara yang menarik adalah bahawa unsur-unsur dipilih sama seperti anda sudah biasa dalam CSSTidak hairanlah ini adalah Perpustakaan paling popular. Dalam artikel ini, saya akan cuba untuk menjelaskan isi penting dalam menjelaskan jQuery. Dalam contoh kami, kami akan menggunakan jQuery di halaman html yang lama dan mudah, jadi anda perlu hanya Notepad . Jadi, mari kita mulakan.

Saya mula untuk meneroka jQuery Tempahan dan saya kagum. Saya akan terus meneroka dan membuat beberapa rencana yang berdasarkan "penyelidikan" saya 

Untuk mula menggunakan jQuery anda akan perlu untuk memuat turun jQuery Perpustakaan dan kemudian mengaitkan jQuery.js pada halaman html. Dalam contoh-contoh dalam artikel ini, saya akan menulis kod JS secara langsung pada halaman html, tetapi saya benar-benar berharap supaya anda menggunakan fail luar js.

<head>
    <title>My first jQuery page</title>
    <script type="text/javascript" src="jquery.js"></script>
</head>

Menawarkan jQuery apa?

Anda boleh memilih mana-mana unsur DOM yang menggunakan selectors, anda boleh mengakses unsur atribut, lampirkan aktiviti dengan cara yang lebih intuitif bahawa JavaScript klasik. Anda boleh mencari FAQ yang sangat berguna di laman web jQuery yang akan menunjukkan anda beberapa maklumat asas dan beberapa helah juga.

Mari kita lihat beberapa contoh betapa mudahnya jQuery. Untuk penerangan lebih terperinci dan soalan, sila layari jQuery dokumentasi rasmi.

Beberapa contoh

Dalam kes anda tidak tahu bahawa, Semua kod JavaScript dijalankan selepas semua imej yang dimuat turun.Terdapat cebisan kod sederhana di jQuery yang akan membolehkan kod anda untuk jalankan selepas dokumen dimuat turun tetapi tanpa imej.

<script type="text/javascript">
     $(document).ready(function(){
        // some code here
     });</script>

Seperti yang saya sebutkan lebih awal dalam artikel ini, jQuery selectors adalah sangat serupa dengan CSS. Mari kita lihat pada potongan kod di bawah:

Kod jQuery:

$("#someDiv").css("border","1px Solid #000000");

Kod CSS

#someDiv
{
    border: Solid 1px #000000;
}

Anda melihat bahawa kita memilih elemen someDiv dengan nama itu dengan cara yang sama dalam menjelaskan jQuery seperti yang kita lakukan dalam CSS. Dalam contoh di atas saya menambah 1px hitam sempadan untuk elemen < div > "someDiv'. Mari kita lihat beberapa contoh yang lebih banyak:

$("a").css("color","#ff0000");

Dalam contoh di atas, saya berwarna semua unsur-unsur < yang > warna merah. Dengan cara yang sama, anda boleh memilih unsur-unsur dengan nama kelas:

$(".someClass").css("color","#ff0000");

atau anda boleh memilih pelbagai unsur-unsur, atau hanya kanak-kanak elemen elemen yang diberikan dan sebagainya.

Ringkasan

Dalam tinjauan ringkas ini anda menyaksikan jQuery apa adalah, dan di mana anda boleh mendapatkan maklumat lanjut. Dalam artikel-artikel seterusnya saya akan menunjukkan anda bagaimana kerja-kerja jQuery dengan ASP.NET dan beberapa contoh.

Background Image

Header Color

:

Content Color

: