為什么這個jQuery需要$.cgbColor($(this))這樣顯示?
請看下面我做的代碼:
?<body>
??????? <h3>我最喜愛的水果</h3>
??????? <ul id="ultest">
??????????? <li>啤梨</li>
??????????? <li>菠蘿</li>
??????????? <li>釋迦</li>
??????????? <li>草莓</li>
??????? </ul>
??????? <script type="text/javascript">
??????????? (function($){
??????????????? $.extend({
????????????????????? "cgbColor": function(li){
????????????????????????? $(li).css("background","red");
????????????????????????? } ,
????????????????????? "cgbColor1": function(li){
????????????????????????? $(li).css("background","#fff");
????????????????????????? } ?
?????????????????????? ?
??????????????????? });
??????????????? })(jQuery);
??????????? $(function(){
?????????????????????? $("li").bind("mouseover",function(){
?????????????????????????? $.cgbColor($(this));
?????????????????????????? });
?????????????????????? $("li").bind("mouseout",function(){
?????????????????????????? $.cgbColor1($(this));? ?
?????????????????????????? });
??????????????? });
??????? </script>
??? </body>
這個我跟某同學(xué)的思路一樣,但是$.cgbColor($(this))這個地方我是看了某同學(xué)的代碼才寫的出來的,但是我個人不太理解為什么方法后面是寫的$(this),能否解釋一下?
2016-03-18
$(this)代表獲取當(dāng)前元素,這里要做的就是將當(dāng)前被觸發(fā)事件的元素的背景改變一下。