jQuery को आधारभूत वाक्य रचनाले चयनकर्ता(CSS-शैली चयनकर्ता) र चयन गरिएका तत्वहरूलाई हेरफेर गर्न विधिहरू प्रयोग गर्ने समावेश गर्दछ। यहाँ jQuery को केहि आधारभूत वाक्य रचना उदाहरणहरू छन्:
तत्वहरू चयन गर्दै
-
HTML ट्याग नाम द्वारा तत्वहरू चयन गर्नुहोस्:
$("tagname")उदाहरण: पृष्ठमा$("p")सबै तत्वहरू चयन गर्दछ ।<p> -
CSS वर्ग द्वारा तत्वहरू चयन गर्नुहोस्:
$(".classname")उदाहरण:$(".myClass")"myClass" वर्गका सबै तत्वहरू चयन गर्दछ। -
ID द्वारा तत्वहरू चयन गर्नुहोस्:
$("#idname")उदाहरण:$("#myElement")ID "myElement" भएको तत्व चयन गर्दछ। -
विशेषता अनुसार तत्वहरू चयन गर्नुहोस्:
$("[attribute='value']")उदाहरण: "बटन" मा$("[data-type='button']")विशेषता सेट भएका तत्वहरू चयन गर्दछ ।data-type -
संयोजन चयनहरू:
$("tagname.classname"),$("#idname .classname"), ...
चयन गरिएका तत्वहरू हेरफेर गर्दै
-
तत्वको सामग्री परिवर्तन गर्दै:
.html(),.text()उदाहरण:$("#myElement").html("New content")ID "myElement" को साथ तत्वको HTML सामग्री सेट गर्दछ। -
तत्व विशेषताहरू परिमार्जन गर्दै:
.attr(),.prop()उदाहरण: सबै तत्वहरूको विशेषता$("img").attr("src", "newimage.jpg")परिवर्तन गर्दछ ।src<img> -
एउटा तत्वको CSS वर्गहरू हेरफेर गर्दै:
.addClass(),.removeClass(),.toggleClass()उदाहरण:$("#myElement").addClass("highlight")ID "myElement" भएको तत्वमा "हाइलाइट" वर्ग थप्छ। -
तत्वहरू लुकाउने/देखाउने:
.hide(),.show(),.toggle()उदाहरण:$(".myClass").hide()"myClass" वर्गका सबै तत्वहरू लुकाउँछ। -
तत्वहरूमा घटनाहरू ह्यान्डल गर्दै:
.click(),.hover(),.submit(), ... उदाहरण:$("button").click(function() { ... })क्लिक घटना ह्यान्डलर दर्ता गर्दछ
तत्व को संग्रह संग काम
-
सङ्कलन मार्फत पुनरावृत्ति:
.each()उदाहरण: पृष्ठमा$("li").each(function() { ... })प्रत्येक तत्वमा पुनरावृत्ति ।<li> -
सङ्कलन फिल्टर गर्दै:
.filter(),.not()उदाहरण: तत्वहरूलाई$("div").filter(".myClass")फिल्टर गर्छ<div>र "myClass" वर्ग भएकाहरूलाई चयन गर्छ। -
सङ्कलनमा तत्वहरू सम्मिलित गर्दै:
.append(),.prepend(),.after(),.before()उदाहरण: ID "myElement" भएको तत्वमा$("#myElement").append("<p>New paragraph</p>")नयाँ तत्व थप्छ ।<p>
प्रभाव र एनिमेसनहरू
-
fadeIn/fadeOut प्रभावहरू प्रदर्शन गर्दै:
.fadeIn(),.fadeOut()उदाहरण:$("#myElement").fadeIn(1000)1 सेकेन्डको अवधिमा ID "myElement" भएको तत्वमा फेडहरू। -
slideUp/slideDown प्रभावहरू प्रदर्शन गर्दै:
.slideUp(),.slideDown()उदाहरण:$(".myClass").slideUp(500)0.5 सेकेन्डको अवधिमा "myClass" वर्गका सबै तत्वहरूलाई माथि स्लाइड गर्दछ। -
अनुकूलन एनिमेसनहरू प्रदर्शन गर्दै:
.animate()उदाहरण:$("#myElement").animate({ left: '250px', opacity: '0.5' })यसको बायाँ स्थिति र अस्पष्टता परिवर्तन गरेर ID "myElement" सँग तत्वलाई एनिमेसन गर्छ।
यी उदाहरणहरूले तत्वहरू चयन गर्न, तिनीहरूको गुणहरू हेरफेर गर्न, र प्रभाव वा एनिमेसनहरू लागू गर्न jQuery को आधारभूत वाक्यविन्यासका विभिन्न पक्षहरू कसरी प्रयोग गर्ने भनेर देखाउँछन्। jQuery ले वेब विकास कार्यहरूलाई सरल बनाउन र बृद्धि गर्न विधिहरू र कार्यक्षमताहरूको समृद्ध सेट प्रदान गर्दछ।