jQuery kufikiria maadili na matumizi

Kufikiria maadili - text(), html() na val()

Tunategemea makompyuta yasiyotengenezwa kwa uwanja wa kitu kwa mitatu hiyo ili kufikiria maadili:

  • text() - Kufikiria au kurejea maadili ya sehemu iliyochaguliwa
  • html() - Kufikiria au kurejea maadili ya sehemu iliyochaguliwa (kufikiria HTML ya kina)
  • val() - Kufikiria au kurejea thamani ya sehemu ya muafundi

Mafanikio ya hivi karibuni inashonana kuhusu kufikiria kwa text(), html() na val() kwa kufikiria maadili:

Mfano

$("#btn1").click(function(){
  $("#test1").text("Hello world!");
});
$("#btn2").click(function(){
  $("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
  $("#test3").val("Dolly Duck");
});

Mtafiti wetu

Makompyuta ya text(), html() na val()

Makini ya mitatu ya jQuery: text(), html() na val() wana kwa pamoja kikompyuta cha kuzungumza. Kikompyuta cha kuzungumza kinaeleza machache wote na mabaki mawili: kitambaa cha jicho kwa sehemu ya mwingine ya kina cha kielektroniki, na thamani za kuzalishwa (ya zamani). Kisha kirejea thamani ya funga kwamba unaamua kutumia.

Mfano huu unaonyesha kumwambaa kikaguzi cha kikaguzi cha text() na html():

Mfano

$("#btn1").click(function(){
  $("#test1").text(function(i,origText){
    kubadilisha "Old text: " + origText + " New text: Hello world!
    (index: " + i + ")";
  });
});
$("#btn2").click(function(){
  $("#test2").html(function(i,origText){
    kubadilisha "Old html: " + origText + " New html: Hello <b>world!</b>
    (index: " + i + ")";
  });
});

Mtafiti wetu

Kufanya kipendekezo cha kiwajibu - attr()

Methodi ya jQuery ya attr() inatumika pia kwa kufanya kipendekezo cha kiwajibu.

Mfano huu unaonyesha kubadilisha (kufanya kipendekezo) kiwajibu cha kipengele cha mshahara:

Mfano

$("button").click(function(){
  $("#w3s").attr("href","http://www.codew3c.com/jquery");
});

Mtafiti wetu

Methodi ya attr() inasaidia kufanya kipendekezo kwa kipengele cha mshahara na title kwa sababu ya kipendekezo cha kikaguzi cha kipengele cha mshahara.

Mfano huu unaonyesha huzina na title ya kiwajibu kwa sababu kufanya kipendekezo kwa kikaguzi cha kipengele cha mshahara:

Mfano

$("button").click(function(){
  $("#w3s").attr({
    "href" : "http://www.codew3c.com/jquery",
    "title" : "CodeW3C.com jQuery Tutorial"
  });
});

Mtafiti wetu

Kikaguzi cha kikaguzi cha attr()

Methodi ya jQuery ya attr() inasaidia kwenye kichwa cha kikaguzi kwa kumwambaa kikaguzi cha kikamilifu. Kikaguzi cha kikaguzi kina machache: kina mazoezi kwenye kipengele cha chaguo cha ujumbe, na kiwajibu kikifu (kiwa kweli). Kisha inaona kwamba kuna kikaguzi cha kipengele cha mifano cha chaguo.

Mfano huu unaonyesha ukurudisha kwa methodi ya attr() inayotumika kwenye kipengele cha mshahara na kichwa cha kikaguzi:

Mfano

$("button").click(function(){
  $("#w3s").attr("href", function(i,origValue){
    kubadilisha origValue na "/jquery";
  });
});

Mtafiti wetu

jQuery thamani ya HTML

Kuwa ni lazima ukangae katika mada ya thamani ambapo kina jadiliano zaidi kuhusu jQuery HTML, tafadhali nika hapa: