/ / JQuery में दो अलग-अलग बटनों तक पहुंच - जावास्क्रिप्ट, jquery, html5

JQuery - जावास्क्रिप्ट, jquery, html5 में दो अलग-अलग बटन एक्सेस करना

मैं वेब विकास के लिए नया हूं और मैं सीख रहा हूंJQuery अब। मुझे यहाँ संदेह है। यह W3Schools.com से कोड है। मैं जानना चाहता हूं कि क्या मैं यहां एक और बटन जोड़ता हूं, मैं केवल इस बटन को पहले बटन के क्लिक ईवेंट के लिए कैसे चला सकता हूं।

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>

<body>
<h2>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
<br />
<button>Second Button</button>
</body>
</html>

उत्तर:

उत्तर № 1 के लिए 1

आप बटन पर एक आईडी जोड़ सकते हैं और इस आईडी पर क्लिक करके उस आईडी पर एक क्लिक इवेंट डाल सकते हैं (यदि बटन आईडी "submitForm" है) $("#submitForm")

वास्तव में, jquery के साथ तत्वों का चयन करने के कई तरीके हैं, इसे देखें: http://api.jquery.com/category/selectors/

अपने विशिष्ट उदाहरण में, यदि आप बटन पर आईडी डालना नहीं चाहते हैं, तो आप इसका उपयोग कर सकते हैं: पहले केवल पहले तक पहुंचने के लिए, इस तरह $("button:first")


उत्तर № 2 के लिए 1

परिवर्तन

  $("button").click(function(){
$("p").hide();
});

सेवा मेरे

  $("button").eq(0).click(function(){
$("p").hide();
});

यह केवल पहले बटन की क्लिक घटना से जुड़ जाएगा। देख http://api.jquery.com/eq/.

जेएसएफल्ड उदाहरण