জেকুয়েরি জাভাস্ক্রিপ্ট এঙ্গুলার এইচটিএমএল সিএসএস বুটস্ট্রাপ
ফোরাম
 

জেকুয়েরি $.proxy() মেথড

« জেকুয়েরি ইভেন্ট মেথডসমূহ




সংজ্ঞা এবং ব্যবহার

$.proxy মেথড একটি বিদ্যমান ফাংশনকে নেয় এবং নতুন কন্টেক্সটের একটি ফাংশনকে রিটার্ন করে।

একটি এলিমেন্টে ইভেন্ট যোগ করার জন্য এই মেথডটি ব্যবহার করা হয় যেখানে এলিমেন্টের কন্টেক্সট ভিন্ন একটি অবজেক্টকে নির্দেশ করে।


সিনট্যাক্স ১

$(selector).proxy(function,context) 

সিনট্যাক্স ২

$(selector).proxy(context,name) 

প্যারামিটার ও তাদের ভ্যালু

নিচের টেবিলে $.proxy() মেথডে ব্যবহৃত প্যারামিটার এবং প্যারামিটারের সম্ভাব্য ভ্যালু গুলো দেখানো হলোঃ

প্যারামিটার বিবরণ
function বিদ্যমান ফাংশনকে কল করতে
context ফাংশনটি যে অবজেক্টে রয়েছে তার নাম
name কন্টেক্সট অবজেক্টের একটি ফাংশন যার কন্টেক্সট পরিবর্তন করা হবে।

$.proxy() মেথড সংক্রান্ত উদাহরণ

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>

<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var objPerson = {
        name: "জিহাদুল ইসলাম",
        age: 22,
        test: function(){
            $("p").after("নাম: " + this.name + "<br> বয়স: " + this.age);
        }
    };
    $("button").click($.proxy(objPerson, "test"));
});
</script>
</head>
<body>

<button>টেস্ট ফাংশন রান করুন</button>

<p></p>
</body>
</html>
 

ফলাফল




proxy() মেথড সংক্রান্ত উদাহরন

উদাহরণঃ

<!DOCTYPE html>
<html>
<head>

<title>জেকুয়েরির উদাহরণ</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){

test = function(){
    this.txt = "এটি একটা অবজেক্ট প্রোপার্টি";
    $("div").click($.proxy(this.myClick, this));
};

test.prototype.myClick = function(event){
    alert(this.txt);
    alert(event.currentTarget.nodeName);
};

var x = new test();

});
</script>
</head>
<body>

<div>এটি একটি div এলিমেন্ট।</div>


</body>
</html>
 

ফলাফল




« জেকুয়েরি ইভেন্ট মেথডসমূহ