- •KURS
- •KIRISIW
- •JavaScript kodlari islewi ushin: Uliwma alg'anda brauzer bolsa boldi, biraq brauzerdin' Javascript kodlarin
- •Qasiyet
- •Usillar
- •Halat
- •jQuerydin’ tiykarg’i tu’sinigi ha’m qabilyeti
- •* Fayl atina itibar berin'. Bul biblioteka jquery-1.2.6.js paydalanadi, biraq siz taza versiyasin
- •jQuery formalardi tan'law
- •JQuery Formalari
- •jQuery da HTML menen islew usillari
- •Misal:
JQuery Formalari
<HTML>
<head>
<title>jQuery</title>
<link rel="stylesheet" type="text/CSS" href="style.CSS"> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="script.js"></script> </head>
<body>
<h2> jQuery Formda shakllar ushin</h2> <form>
<label>E-mail:</label><br>
<input type="text" name="mail"><br> <label>Password:</label><br>
<input type="password" name="pas"><br>
<input type="button" id="b1" value="Kiritiw forma ushin tuwridan tuwri ren" onclick="addColor1();"> <input type="button" id="b2" value=" Knopka forma ushin tuwridan tuwri ren' " onclick="addColor2();"> </form>
</body>
</HTML> Tiykarg’i funksiya
function addColor1(){
$(":text, :password").CSS("background", "red");
}
function addColor2(){ $(":button").CSS("background", "blue");
}
jQuery da HTML menen islew usillari
HTML menen islewdin' tiykarg’i usillari ha’m bul elementler ushin usillarin ko'rip shig'amiz. Sonday qilip tiykarg’i usillar:
HTML(ha’ml)-HTML-kod elementin qosadi.
Misal: $("div.sp").HTML("<span>Salem</span>");
Tekst "Salem" so`zdi span menen div-sp hamme bo`limge qosadi. text() / ha’ml() -element qosindisi element tekst mazmonin qosadi.
Misal: $("p").text();
Usi ba'nttin' abzac tekst elementin qosadi.
Text (val) / val(val) -tovar / qiymati element ushin tekstti tuwrilawdi belgilew.
Misal:
$ ("P") Tekst ("Salem!");
Usi ko'rsetpeler "Salem" so'zin abzactan jaziw ushin qosadi.
HTML-kod: <HTML>
<head>
<title>jQuery da HTML</title>
<link rel="stylesheet" type="text/CSS" href="style.CSS"> <script type="text/javascript" src="jquery-1.2.6.js"></script> <script type="text/javascript" src="script.js"></script> </head>
<body>
<p id="p1">Tekst birinshi abzac!</p> <p id="p2"></p>
<input type="button" value="Qaytariw!" onclick="addHTML();"> </body>
</HTML>
Funksiya to'mendegi ko`riniste
function addHTML(){ var tp1=$("#p1").text(); $("#p2").text(tp1);
}