其實是在研究jq plugin時發現的一些問題:
html元件:
<div id="target1" class="t"></div>
<div id="target2" class="t"></div>
script呼叫:
$('.t').myMethod();
jq plugin:
$.fn.myMethod = function() {
return this.each(function(index, target) {
var a = $(this).id; // q1.為什麼這裡取不到id，而下面的方式取的到id?
var b = $(this).attr('id');
var c = target.id; // q2.這個target跟$(this)有什麼差別?
// 不是都指我選到的div嗎?
// var d = target.attr('id'); // q3.為什麼這裡會變成undefined exception?
var div = $('<div/>');
div.append(index);
div.append(', ' + a); // q4.獨立呼叫跟串接呼叫有什麼效率上的差別?
div.append(', ' + b)
.append(', ' + c)
// .append(', ' + d)
.append('<br/>');
$(this).append(div);
});
};
以上四點是我的疑問，懇請大大解惑<(_ _)>