जावास्क्रिप्ट कंसोल में jQuery शामिल करें

Question

क्या क्रोम जावास्क्रिप्ट कंसोल में jQuery को शामिल करने का एक आसान तरीका उन साइटों के लिए है जो इसका उपयोग नहीं करते हैं? उदाहरण के लिए, एक वेबसाइट पर मैं एक तालिका में पंक्तियों की संख्या प्राप्त करना चाहूंगा। मुझे पता है कि यह वास्तव में jQuery के साथ आसान है।

$('element').length;

साइट jQuery का उपयोग नहीं करता है। क्या मैं इसे कमांड लाइन से जोड़ सकता हूँ?

Comments

स्वचालित दृष्टिकोण के अधिक के लिए आप इसे शामिल करने के लिए एक उपयोगकर्ता नाम का उपयोग कर सकते हैं। गंभीरता से यह एक 5 लाइन उपयोगकर्ता की तरह होगा: P

— rlemon

document.getElementById('tableID').rows.length। यदि तालिका में कोई आईडी नहीं है, तो इसे देने के लिए DOM संपादक का उपयोग करें। आपको बेतुके तुच्छ कुछ के लिए jQuery की आवश्यकता नहीं है।

— नीट द डार्क एबसोल

ऐसा करने के लिए एक क्रोम एक्सटेंशन है - chrome.google.com/webstore/detail/script-injector/…

— अभिषेक साहा

इसे स्क्रिप्ट टैग में जोड़ें, या तो सीडीएन से या स्थानीय रूप से। CDN ज्यादा सरल है।

— डोनाटो

मेरा मानना ​​है कि अधिकांश प्रमुख ब्राउज़रों के देव टूल्स में अब डिफ़ॉल्ट रूप से jQuery (और अंडरस्कोर जैसी कुछ अन्य लोकप्रिय लाइब्रेरी) शामिल हैं, लेकिन मैं इसके प्रलेखन को खोजने में असमर्थ हूं। पॉप कंसोल को खोलें यह आमतौर पर जस्ट वर्क्स (टीएम) है। ------ इसके अलावा, यह दृष्टिकोण (अब) लंबे समय से कई लोगों द्वारा एक आसान बुकमार्क में बनाया गया है। मैंने इसे सफलतापूर्वक उपयोग किया है: Learningjquery.com/2009/04/… ।

— ब्रिचिंस

Answer 1

इसे अपने ब्राउज़र के जावास्क्रिप्ट कंसोल में चलाएँ, फिर jQuery उपलब्ध होना चाहिए ...

var jq = document.createElement('script');
jq.src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type (or see below for non wait option)
jQuery.noConflict();

ध्यान दें: यदि साइट में स्क्रिप्ट हैं जो jQuery (अन्य libs, आदि) के साथ संघर्ष करती हैं, तो आप अभी भी समस्याओं में भाग सकते हैं।

अपडेट करें:

सबसे अच्छा बेहतर बनाने, एक बुकमार्क बनाने से यह वास्तव में सुविधाजनक हो जाता है, चलो इसे करते हैं, और थोड़ी प्रतिक्रिया बहुत अच्छी है:

1. बुकमार्क बार पर राइट क्लिक करें, और पेज जोड़ें पर क्लिक करें
2. जैसा चाहें वैसा नाम दें, जैसे jQuery इंजेक्ट करें, और URL के लिए निम्न लाइन का उपयोग करें:

javascript: (function (e, s) {e.src = s; e.onload = function () {jQuery.noConflict (); कंसोल.log ('jQuery इंजेक्ट')}; document.head.appendChild (e); }) (document.createElement (जैसे स्क्रिप्ट '),' // code.jquery.com/jquery-latest.min.js ')

नीचे प्रारूपित कोड है:

javascript: (function(e, s) {
    e.src = s;
    e.onload = function() {
        jQuery.noConflict();
        console.log('jQuery injected');
    };
    document.head.appendChild(e);
})(document.createElement('script'), '//code.jquery.com/jquery-latest.min.js')

यहां आधिकारिक jQuery सीडीएन यूआरएल का उपयोग किया जाता है, अपने स्वयं के सीडीएन / संस्करण का उपयोग करने के लिए स्वतंत्र महसूस करें।

Comments

इस स्निपेट ने मेरे लिए काम नहीं किया। यह पता लगाने का समय क्यों नहीं था। बस कोड की प्रतिलिपि बनाई गई। jquery.com/jquery-latest.min.js फ़ाइल सामग्री और कंसोल में पेस्ट की गई। सही काम करता है।

— रसलानस बाल्किनास

अब मुझे इसके लिए क्रोम कंसोल हॉट की की जरूरत है ^ ^। मैं इस स्निपेट का उपयोग कर केईईपी करता हूं, और इसे प्राप्त करने के लिए यहां सर्फिंग करता हूं।

— संकट स्ट्रींगफेलो

@ क्रिसस्ट्रिंगफेलो - AKAIK के कामों में एक डेवलपर स्निपेट्स सुविधा है, अपनी जाँच करें chrome:flagsऔर देखें कि क्या यह वहां है, आपको इसे चालू करना होगा।

— ओसोडो

@Slomojo मैं आपकी समझदारी का आनंद ले रहा हूं। उम्मीद है कि अधिपति सुन रहे हैं, इसलिए वे उस DIY बी-ट्री चैनल को आगे बढ़ा सकते हैं। मुझे यह भी विशेष रूप से पसंद है कि कैसे सभी प्रयोगों को इतने उपयोगी तरीके से वर्गीकृत किया गया है। मुझे लगता है कि वे हैश मूल्य पर हल कर रहे हैं।

— क्रिस स्ट्रिंगफेलो

मुझे इस जहाज के साथ एक समस्या थी, लेकिन यहाँ पर stackoverflow.com/a/8225200/497208 ने मेरे लिए काम किया

— Jakub M.

Answer 2

इसे अपने कंसोल में चलाएं

var script = document.createElement('script');script.src = "https://code.jquery.com/jquery-3.4.1.min.js";document.getElementsByTagName('head')[0].appendChild(script);

यह एक नया स्क्रिप्ट टैग बनाता है, इसे jQuery से भरता है और सिर पर भेजता है।

Comments

यह पूरी तरह से काम किया, धन्यवाद! (रिकॉर्ड के लिए, मुझे "अनकैप्ड टाइपर्रर: $ एक फ़ंक्शन नहीं है" मिल रहा था, और इसे चलाने के बाद, मैं $ -selector कार्यों को सामान्य रूप से उपयोग और चेन करने में सक्षम था।)

— अयिलिस

यदि आपको सुरक्षा संदेश मिलता है (उदाहरण के लिए फेसबुक पर), तो जावास्क्रिप्ट कंसोल में jquery.js सामग्री को कॉपी / पेस्ट करें।

— थॉमस डेकाक्स

पूरी तरह से काम करता है @ उत्पत्ति! 2017, एमएस एज ब्राउज़र।

— एरिक हेपरले - कोडस्लाइयर २०१०

यह पूरी तरह से काम करता है और एक जीवनरक्षक है! अन्य सुझावों की तुलना में बहुत अधिक सरल और सीधा।

— एरिका समर्स

Answer 3

सब कुछ से कॉपी करें:
https://code.jquery.com/jquery-3.4.1.min.js

और इसे कंसोल में पेस्ट करें। अच्छी तरह से काम।

Comments

एक जादू की तरह काम करता है! और यह स्क्रिप्ट को DOM में नहीं जोड़ता है जो कभी-कभी 'सामग्री सुरक्षा नीति निर्देशक' के कारण संभव नहीं होता है। मैंने इसका उत्तर स्वीकार करने की कोशिश की है जिसके परिणामस्वरूप: स्क्रिप्ट को ' ajax.googleapis.com/ajax/libs/jquery/1/jquery.js ' लोड करने से इनकार कर दिया गया क्योंकि यह निम्नलिखित सामग्री सुरक्षा नीति निर्देश का उल्लंघन करता है: "स्क्रिप्ट-src ।। ..

— कांगूर

पहले जाँच लें कि कोई $ चर है या नहीं। अगर यह jQuery नहीं है, तो शायद $ j पर jQuery की पकड़ को छोड़ देना चाहिए। $ .NoConflict (): स्क्रिप्ट प्रकार ऊपर लागू करने के बाद

— Kangur

मैंने विभिन्न प्रकार के 3-लाइन उत्तर का उपयोग करने की कोशिश की .. उनमें से कोई भी मुझे उपयोग करने की अनुमति नहीं देगा jQueryया $। केवल इस समाधान ने काम किया। और तब से मैं इन दिनों लॉग कंसोल का उपयोग नहीं कर रहा हूं अन्यथा बहुत अधिक है - यह हमेशा मेरे कमांड इतिहास में है, इसलिए पहली बार जब मैंने सामग्री में कॉपी किया - अब, केवल अप-एरो को हिट करने और फिर दर्ज करने की आवश्यकता है। बहुत अच्छा - धन्यवाद

— जीन बो

सहज उत्तर! उत्तर के रूप में आपकी शीर्ष टिप्पणी की तलाश थी! महान।

— इरफ

वेब 3.0 हमेशा की तरह सुंदर लग रहा है।

— अंडरकॉस्ट मोनिका

Answer 4

JQueryify बुकलेट का उपयोग करें:

http://marklets.com/jQuerify.aspx

कोड को अन्य उत्तरों में चिपकाने के बजाय, यह इसे क्लिक करने योग्य बुकमार्क बना देगा।

Comments

अन्य उत्तरों को एक बुकमार्कलेट में भी कॉपी कर सकते हैं ..... बस url एन्कोड करें और javascript:इससे पहले जोड़ें ।

— d -_- b

Td तत्व को संशोधित करने वाले jQuery कॉल के साथ क्या है? यह थोड़ा यादृच्छिक और / या खतरनाक लगता है। "td.editselectoption [value = BN]" ...

— Kimball Robinson

फेसबुक कहता है:Content Security Policy: The page’s settings blocked the loading of a resource at https://code.jquery.com/jquery-latest.min.js (“script-src”).

— ऋषभ अग्रहरी

Answer 5

@ Jondavidjohn के उत्तर में जोड़ते हुए, हम इसे जावास्क्रिप्ट कोड के रूप में URL के साथ बुकमार्क के रूप में भी सेट कर सकते हैं।

नाम: जेकरी शामिल करें

यूआरएल:

javascript:var jq = document.createElement('script');jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";document.getElementsByTagName('head')[0].appendChild(jq); setTimeout(function() {jQuery.noConflict(); console.log('jQuery loaded'); }, 1000);void(0);

और फिर इसे क्रोम या फ़ायरफ़ॉक्स के टूलबार में जोड़ें ताकि स्क्रिप्ट को बार-बार चिपकाने के बजाय, हम बस बुकमार्कलेट पर क्लिक कर सकें।

Comments

2 सुधार: 1) स्क्रिप्ट को लोड होने में समय लगता है, इसलिए यदि (jQuery) ... लगभग हमेशा विफल रहेगा। मैं लोड में देरी के लिए एक सेटटाइमआउट जोड़ने का सुझाव देता हूं; 2) jquery- नवीनतम का उपयोग न करें, यह वास्तव में नवीनतम नहीं है और इसका उपयोग पदावनत है (इस ब्लॉग पर देखें ।jquery.com / 2014 / 07 / 03 / dont -use-jquery-latest- js )

— Bertone

jQuery.noConflict();यह एक यादृच्छिक साइट मैं पर इस परीक्षण किया गया था पर काम नहीं करने के लिए प्रकट कर दिया। पता चला कि उनके पास पहले से ही jQuery है, लेकिन उनके jQuery के पास $किसी कारण से शॉर्टकट नहीं है । स्क्रीनशॉट: prntscr.com/bdcpdh ।

— रानी खीर '’ani१६

Answer 6

मैं बाग़ी हूँ।

समाधान: jQuery का उपयोग न करें। jQuery ब्राउज़र के पार DOM अनिर्णायकता को अमूर्त करने के लिए एक पुस्तकालय है। जब से आप अपने स्वयं के कंसोल में हैं, तो आपको इस प्रकार के अमूर्त की आवश्यकता नहीं है।

अपने उदाहरण के लिए:

$$('element').length

( $$एक उपनाम हैdocument.querySelectorAll कंसोल में ।)

किसी अन्य उदाहरण के लिए: मुझे यकीन है कि मुझे कुछ भी मिल सकता है। खासकर यदि आप एक आधुनिक ब्राउज़र (Chrome, FF, Safari, Opera) का उपयोग कर रहे हैं।

इसके अलावा, यह जानते हुए कि DOM कैसे काम करता है, किसी को भी नुकसान नहीं होगा, यह केवल आपके jQuery के स्तर को बढ़ाएगा (हाँ, जावास्क्रिप्ट के बारे में अधिक सीखना आपको jQuery में बेहतर बनाता है)।

Comments

इस विचार के लिए धन्यवाद फ्लोरियन। मैं मानता हूं कि jQuery का उपयोग करने वाले किसी व्यक्ति को जावास्क्रिप्ट भी जानना चाहिए। लोड हो रहा है jQuery एक बड़ा समय बचाने वाला नहीं है क्योंकि यह DOM असंगतताओं को अमूर्त करता है। इसका चयनकर्ता इंजन, sizzleकिसी भी देशी जावास्क्रिप्ट कॉल की तुलना में अधिक शक्तिशाली है। $('div.className').children().hasClass('active').filter( function(index) { ... });सादे जेएस में एक बुरे सपने की तरह कुछ के लिए क्वेरी करना।

— 22 अक्टूबर को म्रतशर्मन

क्या आपका मतलब है document.querySelectorAll('div.className .active').filter(function(index) {})? : पी

— फ्लोरियन मार्गाइन

@FlorianMargaine [].slice.call( document.querySelectorAll('div.className .active') ).filter...लेकिन हाँ बिंदु खड़ा है: यदि आपके पास आधुनिक ब्राउज़र डोम है तो jQuery के बिना भी दर्द रहित है। :)

— एसेलिजा

आप एक विद्रोही नहीं हैं, ऐसा लगता है, इसके बजाय, कि आप अधिक टाइपिंग समय बर्बाद करना पसंद करते हैं :)

— एंडरसन फोर्टालेजा

@DavidWest :1एक छद्म चयनकर्ता नहीं है। शायद आप चाहते हैं :first-child?

— फ्लोरियन मार्गाइन

Answer 7

मैंने सिर्फ एरर-हैंडलिंग के साथ एक jQuery 3.2.1 बुकमार्कलेट बनाया (केवल लोड नहीं होने पर, पहले से लोड होने पर संस्करण का पता लगाने, लोड होने के दौरान त्रुटि संदेश, त्रुटि संदेश)। Chrome 27 में परीक्षण किया गया। क्रोम ब्राउज़र पर "पुराने" jQuery 1.9.1 का उपयोग करने का कोई कारण नहीं है क्योंकि jQuery 2.0 1.9 के साथ एपीआई-संगत है। ।

बस Chrome के डेवलपर कंसोल में निम्न को चलाएं या उसे अपने बुकमार्क बार में खींचें और छोड़ें :

javascript:((function(){if(typeof(jQuery)=="undefined"){window.jQuery="loading";var a=document.createElement("script");a.type="text/javascript";a.src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js";a.onload=function(){console.log("jQuery "+jQuery.fn.jquery+" loaded successfully.")};a.onerror=function(){delete jQuery;alert("Error while loading jQuery!")};document.getElementsByTagName("head")[0].appendChild(a)}else{if(typeof(jQuery)=="function"){alert("jQuery ("+jQuery.fn.jquery+") is already loaded!")}else{alert("jQuery is already loading...")}}})())

पठनीय स्रोत-कोड यहाँ उपलब्ध है

Comments

यह अच्छी तरह से काम करता है, हालांकि .js फ़ाइल के लिए यूआरएल को अद्यतन करना पड़ता है।

— dsomnus

हो सकता है कि जिस वेबसाइट पर आप इसका उपयोग करने की कोशिश कर रहे हैं, वह कस्टम कंटेंट-सिक्योरिटी-पॉलिसी हेडर भेजे।

— fnkr

Answer 8

शीर्ष जवाब है, jondavidjohn से अच्छा है, लेकिन मैं अंक की एक जोड़ी का पता करने के लिए यह और सुधार करना चाहते:

• स्क्रिप्ट को लोड करते समय विभिन्न ब्राउज़र एक चेतावनी जारी करते हैं httpकिसी पेज पर करते हैंhttps ।
• यदि आप इसे ब्राउज़र के URL बार से सीधे आज़माते हैं तो चेतावनी में परिणाम बदलने jquery.comका प्रोटोकॉल https:This is probably not the site you are looking for!
• मुझे Google की CDN का उपयोग करना पसंद है, जब मैं Google जैसे जीमेल जैसी साइटों के साथ प्रयोग करने के लिए कंसोल का उपयोग कर रहा हूं।

मेरा एकमात्र मुद्दा यह है कि मुझे एक संस्करण संख्या शामिल करनी है जहां कंसोल में मैं वास्तव में हमेशा नवीनतम चाहता हूं।

var jq = document.createElement('script');
jq.src = "//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
jQuery.noConflict();

Comments

स्क्रिप्ट को ' ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js ' लोड करने से इनकार कर दिया क्योंकि यह निम्नलिखित सामग्री सुरक्षा नीति के निर्देशों का उल्लंघन करता है: "स्क्रिप्ट-src 'स्वयं' 'असुरक्षित-इनलाइन' 'असुरक्षित-eval' "। ध्यान दें कि 'script-src-elem' स्पष्ट रूप से सेट नहीं किया गया था, इसलिए 'script-src' का उपयोग फ़ॉलबैक के रूप में किया जाता है।

— दम्मदु

Answer 9

प्रति इस जवाब :

fetch('https://code.jquery.com/jquery-latest.min.js').then(r => r.text()).then(r => eval(r))

किसी कारण से मुझे नया '$' प्राप्त करने के लिए इसे दो बार निष्पादित करना होगा (जो मुझे अन्य तरीकों के साथ भी करना है), लेकिन यह काम करता है।

यदि आपका ब्राउज़र इतना आधुनिक नहीं है तो यह बराबर है:

fetch('http://code.jquery.com/jquery-latest.min.js').then(function(r){return r.text()}).then(function(r){eval(r)})

Comments

हो सकता है क्योंकि यह अतुल्यकालिक रूप से चलता है, यह है कि जेएस कॉलबैक और वादे कैसे काम करते हैं। ताकि स्क्रिप्ट के निष्पादित होने सुनिश्चित करने के लिए, आप 'फिर' लाने वादा की कॉलबैक के अंदर अपने स्वयं के कोड को चलाने के लिए है: fetch('http://code.jquery.com/jquery-latest.min.js').then(response => response.text()).then(text => { eval(text); console.log($) })। आशा है कि यह आपकी मदद करता है।

— मैकिज बुकोव्स्की

वह मेरे काम नहीं आया। लेकिन पिछले ब्लॉक में दो evals होने किया काम fetch('http://code.jquery.com/jquery-latest.min.js').then(response => response.text()).then(text => { eval(text); eval(text) })। यह दो बार करने पर एक निश्चित सुधार है।

— vt5491

मामलों के लिए भयानक जब आपको सामग्री-नीति के साथ परेशानी होती है

— एलेक्सी श।

Answer 10

मैन्युअल रूप से ऐसा करना बहुत आसान है, जैसा कि अन्य उत्तर बताते हैं। लेकिन इसमें jquerify प्लग-इन भी है ।

Comments

+1 - धन्यवाद केन। JQuerify शब्द ने मुझे याद दिलाया कि मैंने ऐसा करने के लिए एक बुकमार्कलेट बनाया था। मैंने अपना स्वयं का उत्तर जोड़ा जिसमें मेरे द्वारा उपयोग किया गया कोड था। मुझे पता था कि मैंने इससे पहले किया है =)।

— श्रीमत्सरमैन

हालांकि यह लिंक प्रश्न का उत्तर दे सकता है, लेकिन उत्तर के आवश्यक भागों को शामिल करना और संदर्भ के लिए लिंक प्रदान करना बेहतर है। लिंक-केवल उत्तर अमान्य हो सकते हैं यदि लिंक किए गए पृष्ठ बदल जाते हैं। - समीक्षा से

— adamb

@adamb, दुर्भाग्यवश, पुराने लिंक को क्षय करने की प्रवृत्ति के साथ, मेरा समय और प्रेरणा इनमें से कुछ बहुत पुराने उत्तरों को संकलित कर वर्षों में विघटित हो गया है। एसओ के डिजाइन के लिए धन्यवाद, हालांकि, आप खुद को जवाब में सुधार करने के लिए स्वागत से अधिक हैं - एंट्रोपी के खिलाफ संघर्ष में योगदान जो हमेशा दिल से सराहना की जाती है।

— केन रेडलर

Answer 11

FWIW, Firebug includeविशेष कमांड को एम्बेड करता है , और jquery डिफ़ॉल्ट रूप से अलियास किया जाता है: https://getfirebug.com/wiki/index.php/Include

तो आपके मामले में, आपको सिर्फ टाइप करना है:

include("jquery");

फ्लोरेंट

Comments

वास्तव में यह include("http://code.jquery.com/jquery-latest.min.js", "jquery")पहली बार उपयोग के लिए है। अगर आपको सिर्फ include("jquery");त्रुटि मिलती है Alias 'jquery' not found.। include("jquery");एक अलग टैब / डोमेन पर एक ही पुस्तकालय के पुन: उपयोग के लिए है।

— माचिनडाइक्ट

फायरबग 1.11.4 के बाद से नहीं, जो डिफ़ॉल्ट रूप से है (जब तक कि आपने इस रिलीज़ से पहले एलियास को परिभाषित नहीं किया है): code.google.com/p/fbug/issues/detail?id=6133 (नोट: मैं इस सुविधा का लेखक हूं: ))

— fflorent

मेरे पास फायरबग 1.12.8 है और यदि मैं जाता हूं, तो Google को कहें, जबकि include("jquery")कंसोल में चलने से मुझे वह त्रुटि मिलती है।

— मेचिनेडिक्ट

हम्म, आपको फायरबग 2.0.8 का उपयोग करना चाहिए, जो नवीनतम आधिकारिक संस्करण है। इसके अलावा क्यों ("jquery") शामिल होने का कारण आपके लिए निश्चित रूप से काम नहीं करता है क्योंकि आपने संस्करण 1.11.4 से पहले एक उपनाम बनाया था जैसा कि मैंने उल्लेख किया है। बस अपने फ़ायरफ़ॉक्स प्रोफ़ाइल में includeAliases.jsonफ़ाइल (जिसमें include()उपनाम शामिल हैं ) को हटा दें और इसे काम करना चाहिए।

— 19

Answer 12

यह उत्तर @ जन्म के उत्तर पर आधारित है, सबसे पहले मैंने बुकमार्क संस्करण @jondavidjohn की कोशिश की, और यह काम नहीं कर रहा है, इसलिए मैं इसे इसे बदल देता हूं (इसे अपने बुकमार्क में जोड़ें):

javascript:(function(){var s = document.createElement('script');s.src = "//code.jquery.com/jquery-2.2.4.min.js";document.getElementsByTagName('head')[0].appendChild(s);console.log('jquery loaded')}());

सावधानी के शब्दों, क्रोम में परीक्षण नहीं किया जाता है, लेकिन फ़ायरफ़ॉक्स में काम किया जाता है, और संघर्ष के वातावरण में परीक्षण नहीं किया जाता है।

Answer 13

सबसे छोटे तरीकों में से एक सिर्फ कंसोल के नीचे दिए गए कोड को कॉपी करना होगा।

var jquery = document.createElement('script'); 
jquery.src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js";
document.head.appendChild(jquery);

Answer 14

यदि आप एक उपयोगकर्तास्क्रिप्ट के लिए ऐसा करना चाह रहे हैं, तो मैंने यह लिखा है: http://userscripts.org/scripts/show/123588

यह आपको jQuery, प्लस UI और आपके द्वारा पसंद किए जाने वाले किसी भी प्लगइन्स को शामिल करने देगा। मैं इसे ऐसी साइट पर उपयोग कर रहा हूं जिसमें 1.5.1 है और कोई UI नहीं है; यह स्क्रिप्ट मुझे 1.7.1 के बजाय, प्लस UI, और Chrome या FF में कोई विरोध नहीं देती है। मैंने खुद ऑपेरा का परीक्षण नहीं किया है, लेकिन दूसरों ने मुझे बताया है कि यह उनके लिए भी काम कर रहा है, इसलिए यह एक संपूर्ण क्रॉस-ब्राउज़र उपयोगकर्तास्क्रिप्ट समाधान होना चाहिए, यदि आपको इसके लिए ऐसा करने की आवश्यकता है।

Answer 15

यहाँ वैकल्पिक कोड है:

javascript:(function() {var url = '//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'; var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);})();

जिसे सीधे या तो कंसोल में चिपकाया जा सकता है या एक नया बुकमार्क पेज बनाया जा सकता है (क्रोम में बुकमार्क बार पर राइट-क्लिक करें , पेज जोड़ें ... ) और इस कोड को URL के रूप में पेस्ट करें।

परीक्षण करने के लिए कि क्या काम किया है, नीचे देखें।

इससे पहले:

$()
Uncaught TypeError: $ is not a function(…)

उपरांत:

$()
[]

Answer 16

यदि आप कंसोल से अक्सर jQuery का उपयोग करना चाहते हैं, तो आप आसानी से एक उपयोगकर्ता नाम लिख सकते हैं। यदि आप फ़ायरफ़ॉक्स पर हैं तो सबसे पहले, यदि आप क्रोम और ग्रीसेमोनकी पर हैं, तो टैम्पोनरी स्थापित करें। इस तरह के उपयोग समारोह के साथ एक सरल उपयोगकर्ता नाम लिखें:

var scripts = [];

function use(libname) {
    var src;
    if (scripts.indexOf(libname) == -1) {
        switch (libname.toLowerCase()) {
            case "jquery":
                src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
                break;
            case "angularjs":
                src = "//ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
                break;
        }
    } else {
        console.log("Library already in use.");
        return;
    }
    if (src) {
        scripts.append(libname);
        var script = document.createElement("script");
        script.src = src;
        document.body.appendChild(scr);
    } else {
        console.log("Invalid Library.");
        return;
    }
}

Answer 17

टर्नकी समाधान :

yourCode_hereफ़ंक्शन में अपना कोड डालें । और एचआईएडी टैग के बिना HTML को रोकें।

(function(head) {
  var jq = document.createElement('script');
  jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js";
  ((head && head[0]) || document.firstChild).appendChild(jq);
})(document.getElementsByTagName('head'));

function jQueryReady() {
  if (window.jQuery) {
    jQuery.noConflict();
    yourCode_here(jQuery);
  } else {
    setTimeout(jQueryReady, 100);
  }
}

jQueryReady();

function yourCode_here($) {
  console.log("OK");
  $("body").html("<h1>Hello world !</h1>");
}

Answer 18

आधुनिक ब्राउज़र (क्रोम, फ़ायरफ़ॉक्स, सफारी पर परीक्षण) डॉलर चिह्न का उपयोग करते हुए कुछ सहायक कार्यों को लागू करते हैं जो $कि jQuery के समान हैं (यदि वेबसाइट कुछ का उपयोग करके परिभाषित नहीं करती है window.$)।

डोम में तत्वों का चयन करने और उन्हें संशोधित करने के लिए वे उपयोगिताओं काफी उपयोगी हैं।

डॉक्स: क्रोम , फ़ायरफ़ॉक्स

Answer 19

सहज ज्ञान युक्त वन-लाइनर

document.write(unescape('%3Cscript src="https://code.jquery.com/jquery-3.1.1.min.js"%3E%3C/script%3E’))

आप srcपता बदल सकते हैं ।
मैंने ReferenceError को संदर्भित किया: वेरिएबल को नहीं पा सकता: jQuery