jQuery ile acil seçici nesnelere bakın.

Question

Bazı jQuery öğrenmeye çalışıyorum ve ben kurulum aşağıdaki kodla bir test sayfası:

<a id='encode' href='javascript: void(0)'>encode</a> | 
<a id='decode' href='javascript: void(0)'>decode</a> | 
<br/> 
<textarea id='randomString' cols='100' rows='5'></textarea> 

<script type='text/javascript'> 
$(document.ready(function() { 
    $('#encode').click(function() { 
    $('#randomString').val(escape($('#randomString').val())); 
    }); 
    $('#decode').click(function() { 
    $('#randomString').val(unescape($('#randomString').val())); 
    });  
}); 
</script> 

fikri ben textarea şey koymak ve "kodlamak" veya "kod çözmeyi" ya tıklayabilirsiniz olduğunu ve textarea'ya ne koyduğum ya da kaçacağım.

Bu kod düzgün çalışıyor, ancak sorumun textarea değerini nasıl değiştirdiğim ile ilgili olması gerekiyor. Benim kodumda, textarea değerini iki kere seçiyorum: bir kere kaçış (un) ve bir kez daha değeri değiştirmek için. IMO bu tıknaz ve belki de gereksiz görünüyor. bu yüzden bunu başvurmak için kullanabileceğiniz diğer bazı sihirli kelime var,

$('#randomString').val(escape(this)); 

Ama this ben tıkladığınız bağlantıdan değil #randomString seçici bir nesneye başvurmak gibi görünüyor: Ben artık şöyle bir şey yapmak diye düşünmüştüm $('#randomString')?

Answer 1

Kısa cevap, ben eğer Seni doğru anlamak, hayır. Konuştuğunuz yer olan $('#randomString')'a başvurmanın bir yolu yok. Bu sadece val yöntemine ait bir parametredir, bu yüzden sadece düz JavaScript sözdizimi, jQuery "sihirli" değildir.

$(document.ready(function() { 
    var $rndStr = $('#randomString'); 

    $('#encode').click(function() { 
     $rndStr.val(escape($rndStr.val())); 
    }); 

    $('#decode').click(function() { 
     $('#rndStr').val(unescape($rndStr.val())); 
    });  
}); 

Answer 2

Bu, istediğiniz nesneyi almaz. Eğer bir fonksiyon tanımına sahip yeni bir kapsam başladığınızda

var foo = escape(this); 
$('#randomString').val(foo); 

this

sadece farklı bir şey gelir: Bu etkili Bunu yapmanın eşdeğerdir.

jQuery bir geri arama seçeneği ile bu gibi bir fonksiyonelliği sunuyor:

$('#randomString').val(function (idx, oldVal) { 
    return escape(oldVal); 
}); 

ikinci parametre elemanının akım değeri olduğu; dönüş değeri, eleman için yeni bir değer ayarlar.

Answer 3

Bu

$(document.ready(function() { 

    $('#encode').click(function() { 
    var $randomString = $('#randomString'); 
    $randomString.val(escape($randomString.val())); 
    }); 
    $('#decode').click(function() { 
    var $randomString = $('#randomString'); 
    $randomString.val(unescape($randomString.val())); 
    });  
}); 

Answer 4

Bunu biraz genel yapabilir deneyebilirsiniz:

$.fn.applyVal = function(func) { 
    return this.each(function() { 
     $(this).val(func($(this).val())); 
    }); 
}; 

Daha sonra aşağıdaki çağrı yeterlidir:

$('#randomString').applyVal(escape);