{"flag":true,"single":true,"pageTitle":"JQUERY CheatSheet","post":{"id":217,"user_id":"1","slug":"jquery-cheatsheet-ksag","title":"JQUERY CheatSheet","body":"

jQuery is a lightweight, \"write less, do more\", JavaScript library. jQuery is a JavaScript Library, simple, and easy. We can with JQuery<\/p>\r\n

>HTML\/DOM manipulation
>CSS manipulation
>HTML event methods
>Effects and animations
>AJAX
>Utilities<\/p>\r\n

1.GET STARTED<\/strong><\/span><\/span><\/p>\r\n

Download from here http:\/\/jquery.com\/download\/<\/a> <\/strong>and add it into your project<\/span><\/p>\r\n

<head>\r\n   <script src=\"jquery-3.7.1.min.js\"><\/script>\r\n<\/head><\/code><\/pre>\r\n
Or Use Google CDN in head Tag<\/p>\r\n
<script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/jquery\/3.7.1\/jquery.min.js\"><\/script><\/code><\/pre>\r\n
2. JQUERY SYNTAX<\/span><\/strong><\/span><\/p>\r\n
Basic syntax is: <\/p>\r\n
$(selector).action()<\/code><\/pre>\r\n
 <\/p>\r\n
$<\/strong> to define\/access jQuery , (selector) to find HTML elements, action() to be performed on the element(s)<\/p>\r\n
>> To prevent any jQuery code<\/strong> from running before the document is finished loading<\/strong> use (is ready). It will allow code when all elements created and all images loaded properly<\/p>\r\n
$(document).ready(function(){\r\n  \/\/ jQuery methods go here...\r\n});<\/code><\/pre>\r\n
OR use shorter syntax<\/p>\r\n
$(function(){\r\n  \/\/ jQuery methods go here...\r\n});<\/code><\/pre>\r\n
3. SELECTORS IN JQUERY<\/span>
<\/strong><\/span><\/p>\r\n
1.select elements IE paragraph element<\/strong><\/p>\r\n
$(\"p\");<\/code><\/pre>\r\n
2. <\/strong>select element that has id test ie <div id=\"test\"> Hello<\/div><\/strong><\/p>\r\n
$(\"#test\")<\/code><\/pre>\r\n
3. <\/strong>select element that has class test <div class=\"test\">hello <\/div><\/strong><\/p>\r\n
$(\".test\")<\/code><\/pre>\r\n
4. <\/strong>More Examples of jQuery Selectors<\/p>\r\n
$(\"*\")\t                          Selects all elements\t\r\n$(this)\t                          Selects the current HTML element\t\r\n$(\"p.intro\")\t                  Selects all <p> elements with class=\"intro\"\t\r\n$(\"p:first\")\t                  Selects the first <p> element\t\r\n$(\"ul li:first\")\t                  Selects the first <li> element of the first <ul>\t\r\n$(\"ul li:first-child\")\t          Selects the first <li> element of every <ul>\t\r\n$(\"[href]\")\t                  Selects all elements with an href attribute\t\r\n$(\"a[target='_blank']\")\t  Selects all <a> elements with a target attribute value equal to \"_blank\"\t\r\n$(\"a[target!='_blank']\")\t  Selects all <a> elements with a target attribute value NOT equal to \"_blank\"\t\r\n$(\":button\")\t                  Selects all <button> elements and <input> elements of type=\"button\"\t\r\n$(\"tr:even\")\t                  Selects all even <tr> elements\t\r\n$(\"tr:odd\")\t                  Selects all odd <tr> elements\r\n$(\":radio\");\t                  All input type=radio\r\n$('input[type=\"radio\"][value=\"option2\"]').prop('checked', true);  \/\/enable check on radio input based on value<\/code><\/pre>\r\n
5. <\/strong>select more than one elements<\/p>\r\n
$(\".class1\",\".class2\");<\/code><\/pre>\r\n
4. EVENTS IN JQUERY<\/strong><\/span><\/span><\/p>\r\n
syntax:<\/strong><\/p>\r\n
$(\"p\").event(function(){\r\n   \/\/CODE HERE\r\n});<\/code><\/pre>\r\n
1. Binding<\/strong><\/p>\r\n
$(selector).bind(event, data, function);<\/code><\/pre>\r\n
        function handlerName(e) { \r\n            alert(e.data.msg); \r\n        }\r\n        $(document).ready(function() { \r\n            $(\"p\").bind(\"click\",{ msg: \"You just clicked the paragraph!\"},handlerName) \r\n        }); <\/code><\/pre>\r\n
2.on change input feild<\/strong><\/p>\r\n
$(selector).change(function(){});<\/code><\/pre>\r\n
3.Get x-axis or y-axis point<\/strong><\/p>\r\n
$(document).mousemove(function(event) { \r\n\talert(\"X= \" + event.pageX); \r\n\talert(\"Y= \" + event.pageY); \r\n});<\/code><\/pre>\r\n
4.Return node name<\/strong><\/p>\r\n
$(\"body\").click(function(event) { \r\n        $(\"#output\").html(\"clicked: \" + event.target.nodeName); \r\n}); <\/code><\/pre>\r\n
5.when event is used<\/strong><\/p>\r\n
$(\"#div1\").on(\"click dblclick mouseover mouseout\",function(event) { \r\n      $(\".div2\").html(\"Event: \" + event.type); \r\n}); <\/code><\/pre>\r\n
6.return which keyboard key or mouse button was pressed<\/strong><\/p>\r\n
$(\"input\").keydown(function(event) { \r\n      alert(\"Key: \" + event.which);\r\n});<\/code><\/pre>\r\n
7. when focus on some element ie when click inside input fiels<\/strong><\/p>\r\n
$(selector).focus(function(){});<\/code><\/pre>\r\n
8.gain focus on element<\/strong><\/p>\r\n
$(selector).focusin(function);<\/code><\/pre>\r\n
9.remove focus<\/strong><\/p>\r\n
$(selector).focusout(function);<\/code><\/pre>\r\n
10.mousein & mouse out<\/strong><\/p>\r\n
$(selector).hover(function(){},function(){});<\/code><\/pre>\r\n
11.when a keybord key is pressed down<\/strong><\/p>\r\n
$(document).keydown(function(event) { \r\n    var key =event.keyCode; \/\/event.which\r\n \talert(key);\r\n}); <\/code><\/pre>\r\n
12.to check key is pressed or not.<\/strong><\/p>\r\n
$(selector).keypress(function([event]){});<\/code><\/pre>\r\n
13.when key is released<\/strong><\/p>\r\n
$(selector).keyup(function([event]){}); <\/code><\/pre>\r\n
14.when left mouse button is pressed<\/strong><\/p>\r\n
$(selector).mousedown(function(){});<\/code><\/pre>\r\n
15.when mouse enters into selected element<\/strong><\/p>\r\n
$(selector).mouseenter(function(){});<\/code><\/pre>\r\n
16.when mouse pointer moves over the selected element.<\/strong><\/p>\r\n
$(selector).mousemove(function(){});<\/code><\/pre>\r\n
17.when mouse pointer moves out from the selected element.<\/strong><\/p>\r\n
$(selector).mouseout(function(){});<\/code><\/pre>\r\n
18.when mouse pointer moves over the selected elements.<\/strong><\/p>\r\n
$(selector).mouseover(function(){});<\/code><\/pre>\r\n
19.when left button of mouse is realeased<\/strong><\/p>\r\n
$(selector).mouseup(function(){});<\/code><\/pre>\r\n
20.when window resized<\/strong><\/p>\r\n
$(selector).resize(function(){});<\/code><\/pre>\r\n
21.when scroll element or body<\/strong><\/p>\r\n
$(selector).scroll(function(){});<\/code><\/pre>\r\n
22.remove event<\/strong><\/p>\r\n
$(selector).undelegate(selector, event, function);<\/code><\/pre>\r\n
23.load data from server and returned into selected element<\/strong><\/p>\r\n
$(selector).load(URL, data, callback);<\/strong><\/p>\r\n
$(\"#div_content\").load(\"gfg.txt\");<\/code><\/pre>\r\n
$(\"#div_content\").load(\"gfg.txt\", function(response, status, http){ \r\n        if(status == \"success\"){}\r\n        if(status == \"error\"){alert(\"Error: \" + http.status + \": \"+ http.statusText);}\r\n    }); \r\n\r\n<\/code><\/pre>\r\n
24.when leave input feild<\/strong><\/p>\r\n
$(selector).blur(function(){});<\/code><\/pre>\r\n
25.when click on element etc \/\/also used for live elements ie if <li> added by jquery then click event is not working on that so use on<\/strong><\/p>\r\n
$(selector).on({event:function(){},event2:function(){},...});<\/code><\/pre>\r\n
Syntax: <\/strong>.on( events [, selector ] [, data ], handler )<\/strong><\/p>\r\n
$( \"# tr\" ).on( \"click\", function() {\r\n  console.log( $( this ).text() );\r\n});<\/code><\/pre>\r\n
For dynamic code that are generated by js<\/strong><\/p>\r\n
$(document).on('click', '.cnicis', function() {\r\n\tconsole.log('sss');\r\n});<\/code><\/pre>\r\n
26.when double click on element<\/p>\r\n
$(selector).dblclick(function(){});<\/code><\/pre>\r\n
5. Effects , hide,show, fades , slides , animate ,callback ,chaning ,delay<\/span><\/strong><\/span><\/span><\/p>\r\n
1.Hide & Show<\/strong><\/p>\r\n
$(selector).hide(speed,callback); \/\/hide the element<\/strong><\/p>\r\n
$(selector).show(speed,callback); \/\/show the element<\/strong><\/p>\r\n
$(selector).toggle(speed,callback); \/\/show if the element is hidden & vv<\/strong><\/p>\r\n
$(\"p\").hide(1000);<\/code><\/pre>\r\n
2. Fades<\/strong><\/p>\r\n
$(selector).fadeIn(speed,callback);<\/p>\r\n
$(selector).fadeOut(speed,callback);<\/p>\r\n
$(selector).fadeToggle(speed,callback);<\/p>\r\n
$(selector).fadeTo(speed,opacity,callback); \/\/opacity is added in fadding<\/p>\r\n
$(\"#div3\").fadeIn(3000);\r\n$(\"#div2\").fadeTo(\"slow\", 0.4);<\/code><\/pre>\r\n
3. Slides<\/strong><\/p>\r\n
$(selector).slideDown(speed,callback); \/\/slide down an element<\/strong><\/p>\r\n
$(selector).slideUp(speed,callback); \/\/slide up an element<\/strong><\/p>\r\n
$(selector).slideToggle(speed,callback); \/\/toggle b\/w slide down and slide up<\/strong><\/p>\r\n
4. Animate<\/strong><\/p>\r\n
$(selector).animate({params},speed,callback);<\/p>\r\n
\t$(\"button\").click(function(){\r\n\t  $(\"div\").animate({\r\n\t    left: '250px',\r\n\t    opacity: '0.5',\r\n\t    paddingLeft:'5px', \/\/use camel case properties\r\n\t    height: '+=150px', \/\/we can also use relative values\r\n\t    height: 'toggle' \/\/we can also use properties now element height will be between 0-n\r\n\t  });\r\n\t});<\/code><\/pre>\r\n
use queue to execute different animations after each other<\/strong><\/p>\r\n
\t$(\"button\").click(function(){\r\n\t  var div = $(\"div\");\r\n\t  div.animate({height: '300px', opacity: '0.4'}, \"slow\");\r\n\t  div.animate({width: '300px', opacity: '0.8'}, 2000);\r\n\t  div.animate({height: '100px', opacity: '0.4'}, \"fast\");\r\n\t}); <\/code><\/pre>\r\n
stop: to stop animations<\/strong><\/p>\r\n
$(selector).stop([stopAll,goToEnd]);<\/p>\r\n
    \r\n
  • stopAll:true|false \/\/if false stop current queue else all queue<\/strong><\/li>\r\n
  • goToEnd:true|false \/\/complete current animation immediately<\/strong><\/li>\r\n
  • both has default false value.<\/li>\r\n<\/ul>\r\n
    CallBack<\/strong><\/p>\r\n
    A callback function is executed after the current effect is finished.<\/p>\r\n
    syntax: $(selector).hide(speed,callback);<\/strong><\/p>\r\n
    \t$(\"p\").hide(\"slow\", function(){\r\n\t    alert(\"The paragraph is now hidden\");\r\n\t  });\r\n\r\n<\/code><\/pre>\r\n
    it ll first hide <p> then alert, by default alert is executed first<\/p>\r\n
    Chaning:<\/strong> use multiple jquery methods at same time w\/o selecting element multiple times<\/p>\r\n
    $(\"#p1\").css(\"color\", \"red\").slideUp(2000).slideDown(2000);<\/code><\/pre>\r\n
    Delay:<\/strong> delay and then execute<\/p>\r\n
    $(\"#d3\").delay(1000).fadeIn();<\/code><\/pre>\r\n
    6. JQUERY HTML Get elements, Set elements, Add elements, remove elemets, CSS set,get, Dimentions<\/strong><\/span><\/span><\/p>\r\n
    1. GET HTML ELEMENTS<\/strong><\/p>\r\n
    $(selector).text(); \/\/ get plain text of element<\/strong><\/p>\r\n
    $(selector).html(); \/\/ get html of element<\/strong><\/p>\r\n
    $(selector).val(); \/\/ value of form fields<\/strong><\/p>\r\n
    $(selector).attr(\"atributeName\"); \/\/get attribute name<\/strong><\/p>\r\n
    2. SET HTML ELEMENTS<\/strong><\/p>\r\n
    $(selector).text(\"hello\"); \/\/set text of element<\/strong><\/p>\r\n
    $(selector).html(\"<p>hy<\/p>\");<\/p>\r\n
    $(selector).val(\"Enter Name\");<\/p>\r\n
    $(selector).attr(\"atributeName\",\"value\");<\/p>\r\n
    $(\"#rizi\").attr(\"href\",\"gondal\");<\/code><\/pre>\r\n
    For Multiple Attributes<\/p>\r\n
    $(\"#w3s\").attr({\r\n   \"href\" : \"https:\/\/www.google.com\/\",\r\n   \"title\" : \"Google\"\r\n});<\/code><\/pre>\r\n
    3. ADD NEW DATA<\/strong><\/p>\r\n
    $(selector).append(\"insert content at end of selected element\"); \/\/text or html added<\/strong><\/p>\r\n
    $(selector).prepend(\"insert content at begning of selected\");<\/p>\r\n
    $(selector).after(\"insert content after selected element\");<\/p>\r\n
    $(selector).before(\"insert content before selected element\");<\/p>\r\n
    var txt1 = \"<p>Text.<\/p>\";               \/\/ Create element with HTML \r\nvar txt2 = $(\"<p><\/p>\").text(\"Text.\");   \/\/ Create with jQuery\r\nvar txt3 = document.createElement(\"p\");  \/\/ Create with DOM\r\ntxt3.innerHTML = \"Text.\";\r\n$(\"body\").append(txt1, txt2, txt3);      \/\/ Append the new elements<\/code><\/pre>\r\n
    4. REMOVE DATA<\/strong><\/p>\r\n
    $(selector).remove();\/\/remove selected element and its childs<\/strong><\/p>\r\n
    $(selector).empty();\/\/remove childs of selected element<\/strong><\/p>\r\n
    ie $(\"p\").remove(\".test\");\/\/remove all p elements that has class .test<\/strong><\/p>\r\n
    5. CSS<\/strong><\/p>\r\n
    $(selector).addClass(\"Classname1 class2\");<\/p>\r\n
    $(selector).removeClass(\"class\");<\/p>\r\n
    $(selector).toggleClass(\"class\"); \/\/if active then remove &vv<\/p>\r\n
    $(\"p\").css(\"background-color\");\/\/get background color\r\n$(selector).css(\"propertyname\",\"value\"); \/\/set css values\r\n$(selector).css({\"propertyname\":\"value\",\"propertyname\":\"value\",...});\/\/set multiple css values<\/code><\/pre>\r\n
    6. DIMENTIONS<\/strong><\/p>\r\n
    $(selector).width(); \/\/width of element exclude padding,margin,border ie $(\"div\").width();<\/strong><\/p>\r\n
    $(selector).height(); \/\/height of element exclude padding,margin,border<\/strong><\/p>\r\n
    $(selector).innerWidth(); \/\/ width includes padding<\/strong><\/p>\r\n
    $(selector).innerHeight(); \/\/height includes padding<\/strong><\/p>\r\n
    $(selector).outerWidth(); \/\/full width of element<\/strong><\/p>\r\n
    $(selector).outerHeight(); \/\/full height of element<\/strong><\/p>\r\n
    $(document||window||\"p\").width();<\/p>\r\n
    7. Traversing:Ancestors, Descendants, Siblings,Filtering, Traversing methods<\/strong><\/span><\/span><\/p>\r\n
    1. Ancestors: PARDADA<\/strong><\/p>\r\n
    $(selector).parent(); \/\/parent of element<\/strong><\/p>\r\n
    $(selector).parents(); \/\/all parents upto root html<\/strong><\/p>\r\n
    $(selector).parentsUntil(\"body\"); \/\/current to body tag parents<\/strong><\/p>\r\n
    $(\"selector\").closest(\"ul\").css({\"color\": \"red\", \"border\": \"2px solid red\"});  \/\/ jo phla bab, dada ya jo b find hwa, 
    <\/strong><\/p>\r\n
    ie<\/p>\r\n
    <div>\r\n\t<tr>\r\n\t\t<td>mogo<\/td>\r\n\t\t<td><a href=\"123\" class=\"123\"><\/a><\/td>\r\n\t<\/tr>\r\n<\/div>\r\n\r\n<script>\r\n$(document).on('click', 'a', function (e) {\r\n    e.preventDefault(); \/\/ Prevent the default behavior of the anchor tag\r\n    $(this).closest('tr').remove(); \/\/ Remove the closest <tr> element\r\n});\r\n<\/script><\/code><\/pre>\r\n
     <\/p>\r\n
    2. Descendants: AULAAD<\/strong><\/p>\r\n
    $(selector).children(); \/\/all direct childs only<\/strong><\/p>\r\n
    $(selector).find(); \/\/return all descendants ie $(\"div\").find(\"*\");<\/strong><\/p>\r\n
    $(selector).contents(); \/\/all direct childs only with comments also<\/strong><\/p>\r\n
    $(\"div\").children(\"p.first\")<\/code><\/pre>\r\n
    3. Siblings: That has same parent<\/strong><\/p>\r\n
    $(selector).siblings(); \/\/all siblings , ie siblings(\"p\")<\/strong><\/p>\r\n
    $(selector).next(); \/\/one next sibling<\/strong><\/p>\r\n
    $(selector).nextAll(); \/\/all next siblings<\/strong><\/p>\r\n
    $(selector).nextUntil(\"h2\"); \/\/current to h2 siblings<\/strong><\/p>\r\n
    $(selector).prev(); \/\/one previous siblings<\/strong><\/p>\r\n
    $(selector).prevAll(); \/\/all previous siblings<\/strong><\/p>\r\n
    $(selector).prevUntil(\"h2\"); \/\/current to previous h2 sibling<\/strong><\/p>\r\n
    4. Filtering: find elements using positions<\/strong><\/p>\r\n
    $(selector).first(); \/\/ ie first(\"div\"); find first div in document<\/strong><\/p>\r\n
    $(selector).last(); \/\/ ie last(\"div\"); find last div in document<\/strong><\/p>\r\n
    $(selector).eq(n);  \/\/element with index n find ie $(\"div\").eq(0) find first div in document<\/strong><\/p>\r\n
    $(selector).filter(\"criteria\"); \/\/ie (\"p\").filter(\".cl\") \/\/find all p elements that have class cl<\/strong><\/p>\r\n
    $(selector).not(\"criteria\"); \/\/ie (\"p\").not(\".cl\") \/\/find all p elements that have not class cl<\/strong><\/p>\r\n
    5. Traversing methods:<\/strong><\/p>\r\n
    $(selector).$(\"p\").has(\"span\"); \/\/return all elements that have span element<\/strong><\/p>\r\n
    $(selector).each(function(index,element)); <\/p>\r\n
    $(\"li\").each(function(){ \r\n   alert($(this).text());\r\n });<\/code><\/pre>\r\n
    $(selector).slice(2); \/\/ select all elements but first 2 (0,1 index)<\/strong><\/p>\r\n
    Check if p parent is div<\/strong><\/p>\r\n
    if ($(\"p\").parent().is(\"div\"));<\/code><\/pre>\r\n
    8. AJAX In JQuery<\/strong><\/span><\/span><\/p>\r\n
    AJAX = Asynchronous JavaScript and XML. In short; AJAX is about loading data in the background and display it on the webpage, without reloading the whole page.<\/p>\r\n
    1. load method <\/strong>$(selector).load(URL,data,callback);<\/p>\r\n
    The load() method loads data from a server and puts the returned data into the selected element.<\/p>\r\n
    $(\"#div1\").load(\"demo_test.txt\");<\/code><\/pre>\r\n
    $(\"button\").click(function(){\r\n  $(\"#div1\").load(\"demo_test.txt\", function(responseTxt, statusTxt, xhr){\r\n    if(statusTxt == \"success\")\r\n      alert(\"External content loaded successfully!\");\r\n    if(statusTxt == \"error\")\r\n      alert(\"Error: \" + xhr.status + \": \" + xhr.statusText);\r\n  });\r\n});<\/code><\/pre>\r\n
    2. HTTP Requests using Ajax<\/strong><\/p>\r\n<\/colgroup>\r\n\r\n\r\n\r\n
    GET -<\/strong> Requests data from a specified resource<\/td>\r\nPOST -<\/strong> Submits data to be processed to a specified resource<\/td>\r\n<\/tr>\r\n
    GET <\/strong>is basically used for just getting (retrieving) some data from the server.<\/td>\r\nPOST <\/strong>can also be used to get some data<\/strong> from the server. However, the POST method NEVER caches data<\/strong>, and is often used to send data along <\/strong>with the request.<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<\/table>\r\n
    >> GET Method <\/strong>$.get(URL,callback);<\/p>\r\n
    $(\"button\").click(function(){\r\n  $.get(\"demo_test.asp\", function(data, status){\r\n    alert(\"Data: \" + data + \"\\nStatus: \" + status);\r\n  });\r\n});<\/code><\/pre>\r\n
    >> POST method <\/strong><\/p>\r\n
    $(\"button\").click(function(){\r\n  $.post(\"demo_test_post.asp\",\r\n  {\r\n    name: \"Donald Duck\",\r\n    city: \"Duckburg\"\r\n  },\r\n  function(data, status){\r\n    alert(\"Data: \" + data + \"\\nStatus: \" + status);\r\n  });\r\n});<\/code><\/pre>\r\n
    9. JQuery Filter Table searches<\/strong><\/span><\/p>\r\n
    <script>\r\n$(document).ready(function(){\r\n  $(\"#myInput\").on(\"keyup\", function() {\r\n    var value = $(this).val().toLowerCase();\r\n    $(\"#myTable tr\").filter(function() {\r\n      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)\r\n    });\r\n  });\r\n});\r\n<\/script><\/code><\/pre>\r\n
    https:\/\/www.w3schools.com\/jquery\/jquery_ref_ajax.asp<\/a><\/p>\r\n
    10. Jquery No Conflit<\/strong><\/span><\/p>\r\n
    jQuery uses the $<\/strong> sign as a shortcut for jQuery. There are many other popular JavaScript frameworks that use $ <\/strong>also.<\/p>\r\n
    The noConflict() method<\/strong> releases the hold on the $ shortcut identifier, so that other scripts can use it.<\/p>\r\n
    $.noConflict();\r\njQuery(document).ready(function(){\r\n  jQuery(\"button\").click(function(){\r\n    jQuery(\"p\").text(\"jQuery is still working!\");\r\n  });\r\n});<\/code><\/pre>\r\n
    You can also create your own shortcut very easily. The noConflict() method returns a reference to jQuery, that you can save in a variable, for later use. Here is an example:<\/p>\r\n
    var jq = $.noConflict();\r\njq(document).ready(function(){\r\n  jq(\"button\").click(function(){\r\n    jq(\"p\").text(\"jQuery is still working!\");\r\n  });\r\n});<\/code><\/pre>\r\n
    If you have a block of jQuery code which uses the $ shortcut and you do not want to change it all, you can pass the $ sign in as a parameter to the ready method.<\/p>\r\n
    $.noConflict();\r\njQuery(document).ready(function($){\r\n  $(\"button\").click(function(){\r\n    $(\"p\").text(\"jQuery is still working!\");\r\n  });\r\n});<\/code><\/pre>","category_id":"28","is_private":"0","created_at":"2023-10-14T00:33:45.000000Z","updated_at":"2025-01-22T02:30:20.000000Z","category":{"id":28,"user_id":"1","name":"Jquery","slug":"jquery-k1v4","parent_id":"12","created_at":"2023-11-10T01:48:35.000000Z","updated_at":"2023-11-10T01:48:35.000000Z"},"user":{"id":1,"name":"R GONDAL","email":"rizikmw@gmail.com","email_verified_at":null,"two_factor_confirmed_at":null,"current_team_id":"1","profile_photo_path":null,"created_at":"2023-03-12T10:49:33.000000Z","updated_at":"2025-01-10T12:59:00.000000Z","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=R+G&color=7F9CF5&background=EBF4FF"}},"pageDesc":"jQuery is a lightweight, \"write less, do more\", JavaScript library. jQuery is a JavaScript Library, simple, and easy. We can with JQuer - JQUERY CheatSheet (Updated: January 22, 2025) - Read more about JQUERY CheatSheet at my programming site [SITE]","categories":[]}