मैंने हाल ही में jQuery की दुनिया में कूद लिया है। मैंने find()
और filter()
विधियों को देखा लेकिन दोनों के बीच का अंतर नहीं पता।खोजने और फ़िल्टर करने के बीच अंतर
दोनों के बीच क्या अंतर है?
मैंने हाल ही में jQuery की दुनिया में कूद लिया है। मैंने find()
और filter()
विधियों को देखा लेकिन दोनों के बीच का अंतर नहीं पता।खोजने और फ़िल्टर करने के बीच अंतर
दोनों के बीच क्या अंतर है?
find()
रिटर्न दिया चयनकर्ता के लिए मैच तत्वों के बच्चों, filter()
मिलान किया तत्वों पर लग रहा है और लोगों को देता है कि भी दिया चयनकर्ता मेल खाते हैं।
खोज()
find()
चयनित तत्वों है कि चयनकर्ता से मेल के वंशज देता है।
doc से:
विवरण: मिलान किया तत्वों के वर्तमान सेट, एक चयनकर्ता द्वारा फ़िल्टर में प्रत्येक तत्व के वंशज प्राप्त करें।
फिल्टर()
filter()
चयनकर्ता या प्रदान की कार्य के आधार पर तत्वों फिल्टर।
doc से:
विवरण: उन है कि चयनकर्ता से मेल या समारोह का टेस्ट पास करने के लिए मिलान तत्वों के सेट को कम करें।
प्रश्न के उत्तर की तलाश करते समय मुझे एक अच्छा ब्लॉग मिला, यह समझाते हुए। यहाँ link
इसके अलावा, आप jsfiddle
<html>
<head>
<style>div{ padding:8px; border:1px solid; }</style>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#filterClick").click(function() {
$('div').css('background','white');
$('div').filter('#Fruits').css('background','red');
});
$("#findClick").click(function() {
$('div').css('background','white');
$('div').find('#Fruits').css('background','red');
});
});
</script>
</head>
<body>
<h1>jQuery find() vs filter() example</h1>
<div id="Fruits">
Fruits
<div id="Apple">Apple</div>
<div id="Banana">Banana</div>
</div>
<div id="Category">
Category
<div id="Fruits">Fruits</div>
<div id="Animals">Animals</div>
</div>
<br/><br/><br/>
<input type='button' value='filter(Fruits)' id='filterClick'>
<input type='button' value='find(Fruits)' id='findClick'>
</body>
पर यह कोशिश है