Home/ Questions/Q 7680229
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-31T18:04:02+00:00

I wanted to create jquery plugin & started off creating a sample jquery plugin…But

  • 0

I wanted to create jquery plugin & started off creating a sample jquery plugin…But 

$(this).css('color','blue');        
alert(this.id);

doesn’t work…

jquery.myPlugin.js

jQuery.fn.changeTextColor = function() {
alert("xx");    //this works

return this.each(function() {
    $(this).css('color','blue');        
    alert(this.id);         //both the 2 statements don't work..
});
};

HTML

<script type = "text/javascript" src="jquery-1.7.1.js"></script>
<script type = "text/javascript" src="jquery.myPlugin.js"></script>

<script>
$('#mypara').changeTextColor();     
</script>

</head>
<body>
<p id="mypara">dsfdsfdsf</p>

</body>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Thar she blows!

    (function( $ ) {
    $.fn.changeTextColor = function() {
        alert("xx");    //this works

        return this.each(function() {
            $(this).css('color','blue');        
            alert(this.id);
        });
    }
}(jQuery));

    Then call with:

    $(document).ready(function() {
    $('#mypara').changeTextColor();
});

    Have a fiddle 😉
    http://jsfiddle.net/nmkeD/

    • 0