jQuery

17K

Solutions

5K

Contributors

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

Share tech news, updates, or what's on your mind.

Sign up to Post

I have asked a previous question on the styling of this bar, i do have a working example but would like it to look different

I would like this bar jsfiddle loading bar demo

but would need it to show using this javascript, or one that triggers on page unload

<script>
window.addEventListener("beforeunload", function (e) {
    document.body.className = "page-loading";
}, false);
</script>

Open in new window



previous question
1
Using amchart, version 4, I would like to create various charts types (Line & Area, Pie & Donut, Column & Bar, XY & Bubble).

I wish to use an external datasource from a mysql database using node.js. How can I reference the columns of the data to be used from the database?  

I understand from the documentation on www.amcharts.com, that you can either put the raw data(such as an array) within the javascript code or you can use a "csv" file or a "json" file but I do not see any information on how to use information from a url from the server.  

See below an example using a csv file.

{
  // ...
  "dataSource": {
    "url": "/data/myData.php",
    "parser": {
      "type": "CSVParser",
      "options": {
        "useColumnNames": true
      }
    }
  }
}

Open in new window

0
Hi

I've got this code to work with and I need to make it jquery enabled tabs

I cannot amend this code as it comes from a 3rd party web service so im hoping one of you guru's can make it tabbable, my attempts fail miserable and it all shows, then all disappears each time :(

Tab names and tab content will obviously change but the other naming conventions will always be the same

Thanks
Neil


<div id="content">

  <ul class="nav nav-tabs" id="details_tabs" data-tabs="details_tabs">
    <li class="active"><a href="#details_tab_1" data-toggle="tab">My details</a></li>
    <li><a href="#details_tab_2" data-toggle="tab">Availability</a></li>
    <li><a href="#details_tab_3" data-toggle="tab">Likes</a></li>
  </ul>
  
  <div class="tab-content" id="details_tabs_content">  
    <div class="tab-pane active" id="details_tab_1"> content for tab 1</div>
    <div class="tab-pane" id="details_tab_2"> content for tab 2</div>
    <div class="tab-pane" id="details_tab_3">content for tab 3</div>
  </div>
  
</div>

Open in new window

1
I have the following code to insert, edit and delete records from a database using node.js.  I would like to have alert messages informing the user of the successful transaction for each from the frontend if successful.  I am not certain regarding the syntax for this.

Here is the code to insert into the database:
$(document).ready(() => {
    $(document).on('click', '.insert', function (e) {
     // $('#insertD').click(() => {
      e.preventDefault();
      $("#insertE").remove();
      $("#insertD").show();
      $("#stationForm")[0].reset();
      $("#stationForm").attr({
        action: $(e.target).attr("href"),
        //action: "/station", // PATH TO POST NEW STATION DATA ?
        method: "POST"
      });
   
      $("#modalStationForm")
        .dialog("option", "title", "Inserting New Station")
        .dialog("open");
      });
[/code}


Here is the code edit code:
[code]
$(document).ready(() => {
    $(document).on('click', '.edit', function (e) {
      e.preventDefault();
      $("#insertD").hide();
      $("#insertE").show();
      $("#stationForm")[0].reset();
      $("#stationForm").attr({
        action: $(e.target).attr("href"),
        //action: "/station", // PATH TO POST NEW STATION DATA ?
        method: "PUT"
      });
      var value = $(event.target).closest("div").find("input:hidden").val();
      value = JSON.parse(value);

      $("#store", "#modalStationForm").val(value.Station);
      $("#location", 

Open in new window

0
https://www DOT stadriemblems.com/products/enamel-pins-test/

Right under the main banner of this page, you can see there is a slideshow feature that came with this template, its purpose clearly being just to showcase some images with descriptions, but I want to use it as navigation to other pages instead.

Right now, clicking on one of those four categories just jumps to its corresponding picture. I want to change the behavior so that HOVERING over the category displays the picture and CLICKING it takes the user to a different page.

I hope that makes sense. Let me know if more information is needed, and I will gladly provide it. Thanks!
0
jQuery UI DateTimePicker loses focus when selecting date with mouse.
Need focus on one of controls. Please test before writing, in IE.
Thanks.
0
After attempting to edit a mysql record in node.js, I am receiving null results when I review the mysql query report and the affected rows are returning zero.  There is no change to the record. However, the backend says that the results are not null, the sql query is not null and that the req.body for all the values are not null.

Here is the mysql general query log:

190717 16:42:40	    3 Query	SELECT * FROM stores
		    3 Query	SELECT * FROM stores
		    3 Query	SELECT * FROM stores
190717 16:42:42	    3 Query	SELECT * FROM stores
190717 16:43:13	    3 Query	UPDATE stores SET `station` = NULL, `address` = NULL, `monthly c-store sales` = NULL,`operator` = NULL, `top sku` = NULL WHERE `id` = NULL

Open in new window


These are the results returned on the frontend:

affectedRows: 0
changedRows: 0
fieldCount: 0
insertId: 0
message: ""
protocol41: true
serverStatus: 2
warningCount: 0

Open in new window


However, the backend says that the values are not null after putting in the following code:

if (results !== null) {
        console.log('results is not null');
        }else{
        console.log('results is null');
        };


      if (sql !== null) {
      console.log('sql is not null');
      }else{
      console.log('sql is null');
      };

      if (req.body.Station !== null) {
        console.log('req.body is not null');
        }else{
        console.log('req.body is null');
        };

Open in new window


Here are the results.....
{ station: 'Hopefully',
  address: 'this',
  monthlycstoresales: '200',
  operator: 'will',
  topsku: 'work',
  id: '7' }

results is not null

sql is not null

req.body is not null

Open in new window



Here is the backend code:

Open in new window

0
I'm trying to validate a form that's checking both for field content as well as a quick, asynchronous call to an api to check for what might be a duplicate entry in the database.  While there are a couple of situations where it "almost" works, I want to show you the disaster that happens with one particular instance.

First, here's a screenshot of what the actual interface looks like:

screenshot of interface
Here's the JQuery code in full:

$(document).ready(function() {
	
	$('#validate').click(function(event) {
		
		var name=$('#name').val();
		var category=$('#category').val();
		var price=$('#price').val();
		var weight=$('#weight').val();
		var height=$('#height').val();
		var width=$('#width').val();
		var length=$('#length').val();
		var description=$('#description').val();
		var onsale=$('#onsale').val();
		var vendor=$('#vendor').val();
		var url=$('#url').val();
		var download_folder=$('#download_folder').val();
		var filename = download_folder.replace(/C:\\fakepath\\/i, '');
		var product_id=$('#product_id').val();
		var error="";

		//basic fields
		
		if(name.length==0)
		{
			error="Don't forget to enter a value for the product's name.";
			$('#name').css("border", "1px solid red");
		}
		else
		{
			$('#name').css("border", "");
		}
		
		if(category.length==0)
		{
			$('#category').css("border", "1px solid red");
			if(error.length>0)
			{
			error=error.concat("\nDon't forget to enter a value for the product's category.");
			}
			else
			{
				

Open in new window

0
I am trying to impliment a JQuery paging function and i can not get it to work

i am getting these error messages//

wo_ui.asp?fetch=pending:78 Uncaught ReferenceError: selector is not defined
    at HTMLDocument.<anonymous> (wo_ui.asp?fetch=pending:78)
    at fire (jquery-1.12.4.js:3232)
    at Object.fireWith [as resolveWith] (jquery-1.12.4.js:3362)
    at Function.ready (jquery-1.12.4.js:3582)
    at HTMLDocument.completed (jquery-1.12.4.js:3617)

using simplePagination.js

i am implementing it like this..


<script
  src="https://code.jquery.com/jquery-1.12.4.js"
  integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU="
  crossorigin="anonymous"></script>
<script type="text/javascript" src="/cmms/common/jquery.simplePagination.js"></script>
<script type="text/javascript">$(function() {
    $(selector).pagination({
        items: 128,
        itemsOnPage: 20,
        cssStyle: 'light-theme'
    });
});

</script>

Open in new window


i am assuming i am missing something in the page, the information available for this script is sparse and assumes a depth of knowledge i think, i cant see what i am missing, i just feel there should also be some tag or anchor in the page to position the page numbers
0
I have written my first Spring MVC controller. While I have no problems with GET requests, I am still having some issues with POST methods.

This is the code in my controller:
@RequestMapping(value = "/editorsWriters", method = RequestMethod.POST)
    public <HttpServletRequest> ResponseEntity<List<FreelancerContactWriterListView>> getEditorsWriters(
                                                                    @RequestParam int[] languageIds, 
                                                                    @RequestParam int[] summaryGroupIds, 
                                                                    @RequestParam String[] writerStates,
                                                                    HttpServletRequest request, HttpServletResponse response) {

        WriterState[] writerState = Arrays.copyOf(writerStates, writerStates.length, WriterState[].class);
        

        List<FreelancerContactWriterListView> writers = writerService.getActiveWriters(languageIds, summaryGroupIds, writerState)
                                                                    .stream()
                                                                    .map(writer -> this.convertTo(writer))
                                                                    .collect(Collectors.toList());

        
           return new ResponseEntity<List<FreelancerContactWriterListView>>(writers, HttpStatus.OK);
    }

Open in new window


and this is the JavaScript code:

 $("#search").on("click", function(e) {
            var languages=$("#languages").val();
            var summaryGroups = $("#summaryGroups").val();
            var writerStates = $("#writerState").val();
            
            var myObject = new Object();
            myObject.languageIds = languages;
            myObject.summaryGroupIds = summaryGroups;
            myObject.writerStates = writerStates;

            var myData = JSON.stringify(myObject);

            console.log(myData);

            $.ajax({
                method: 'POST',
                dataType: 'json',
                data: myData,
                url:'/api/pps/contactFreelancers/editorsWriters',
                contentType: "application/json"
            })
            
        });

Open in new window


This is the JSON sent:

{"languageIds":["1"],"summaryGroupIds":["11"],"writerStates":["PROBATION","REGULAR"]}

Open in new window


The problem is that I get a POST 404 (Not Found) error in the JavaScript console
POST https://dev1.getabstract.com/api/pps/contactFreelancers/editorsWriters 404 (Not Found)

and the following message in the terminal of my IDE:

2019-07-14 22:49:06,923 DEBUG [BaseControllerExceptionHandler] Page not found for the URL https://dev1.getabstract.com/api/pps/contactFreelancers/editorsWriters with query null: Required int[] parameter 'languageIds' is not present

Open in new window



So it is reaching or sending the POST to the correct URL, but what am I doing wrong?

Is the way I have created the data wrong?
languages, summaryGroups and writersStates are all arrays and I am putting them together into one JSON.

Thanks for your help

Massimo
0
What is the correct jQuery usage ( document ).ready... or ('document').ready...?  I've always used ( document ).ready, but I'm working with a developer module that uses ('document').ready; and it seems to work. Are the forms interchangeable?
0
I have a link that i first need to check the user has delete permission then do a confirm on the delete link before submitting, everything works except the cancel, this continues the delete action

function validate2() {
document.getElementById('DeleteLink').addEventListener("click", function(e) {
        e.preventDefault();
        });

   if (1 == 1) // this will be a dynamic value when working
   {

    var delyes = confirm('Are you sure you want to delete this work order\nClick ok to Delete or Cancel to return to the page\nTHIS CAN NOT BE REVERSED'); // prompt user
       if (delyes == true)
        {
          return true;
    } else {

             return false;
       }
   } else {
   alert('no chance')
       return false;
   }
}

Open in new window

i am calling like this

<a onclick="retrun validate2();" id="DeleteLink"class="tab1" href="

Open in new window

only thing not working is the cancel button on confirm box
1
I am struggling to store a JSON result from SPServices to use later if a cell in my table ishovered over.

SPServices perfectly creates the intended JSON format.

JSON result from SPServices call - formatting lost when I add one of the object results to a div
I then use JSON.parse and am able to extract a matching result that is formatted correctly when I view it in the console log. Including the "new line" references.

However, when I use the $('#hoverpopup').html(resultdata); to put the results into a DIV the formatting gets completely wiped out and everything is jumbled together.  This is on line 83 in the code.

This is the full code. The data in the JSON does include a \n reference so not sure if that is the problem. if the console result looks good I am guessing it is how I am appending the data to the div that is causing the problem?

//hide the DIV for hover results 
$('#wrapper').hide();

function getmappingtabledata() {
    $("#jsoninfo").val = '';
    var jsondata;


    // Download SP List data for lookup  
    $().SPServices({
        operation: "GetListItems",
        async: false,
        webURL: "https://jnj.sharepoint.com/teams/LMS_Automation/dashboard/",
        listName: 'Mapping_Def_PROD',
        CAMLQuery: '',
        completefunc: function(xData, Status) {
            jsondata = $(xData.responseXML).SPFilterNode("z:row").SPXmlToJson({
                mapping: {
                    ows_Title: {
                        mappedName: "ruleid",
                        objectType: "Text"
                    },

Open in new window

0
I want to post my form data from my web site to another domain but I want to show the other domain's web site on my page as an iframe.
Is it possible? if it is, how can I do that? Could you possibly show me the an example? Thank you in advance.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
</head>

<body>

<form target="myiframe" method="post">

ref no:
<input type="text" name="clientRefCode" value="123456"/><br/>
productId:
<input type="text" name="productId" value="1"/><br/>

<hr>
<input type="submit" value="Send" />
</form>


<iframe name="myiframe" src="https://www.w3schools.com" sandbox="allow-forms" width="100%"></iframe>

</body>
</html>

Open in new window

0
I have a table that has 7 columns and 3 rows. In some of the cells I have anchors. I would like to make the anchors dragable so I can move them to other cells in the table.  The anchors all have the class: isSortable.

I have tried adding the following:
$('a.isSortable').sortable();

Open in new window


but that doesn't seem to work. What do I use to make the anchors dragable to other cells?
0
I would like to parse a JSON file that is stored in the same place as my webpage and create an HTML table dynamically using some type of jquery,

I have not been able to get this to work successfully.

This is what the JSON data looks like:

[{"WWID":"1000000290","FULL_NAME":"JAIPRAKASH GABA","Rule Type":null,"Learner Region":null,"MappingIDs":null,"HCCO Name":"zz-Not Mapped","HCCO WWID":null,"WORK_REGION":"NORTH AMERICA","MRC_CODE":"001270","LEGAL_ENTITY_CODE":"006084","Leader WWID":null,"Leader Name":null,"Audience":null}
,{"WWID":"1000000354","FULL_NAME":"MARK KOMEN","Rule Type":null,"Learner Region":null,"MappingIDs":null,"HCCO Name":"zz-Not Mapped","HCCO WWID":null,"WORK_REGION":"NORTH AMERICA","MRC_CODE":"001410","LEGAL_ENTITY_CODE":"006090","Leader WWID":null,"Leader Name":null,"Audience":null}
,{"WWID":"1000000419","FULL_NAME":"ALEXIS BAKER","Rule Type":null,"Learner Region":null,"MappingIDs":null,"HCCO Name":"zz-Not Mapped","HCCO WWID":null,"WORK_REGION":null,"MRC_CODE":null,"LEGAL_ENTITY_CODE":null,"Leader WWID":null,"Leader Name":null,"Audience":null}
,{"WWID":"1000000420","FULL_NAME":"MARGARIDA CALDEIRA","Rule Type":null,"Learner Region":null,"MappingIDs":null,"HCCO Name":"zz-Not Mapped","HCCO WWID":null,"WORK_REGION":null,"MRC_CODE":null,"LEGAL_ENTITY_CODE":null,"Leader WWID":null,"Leader Name":null,"Audience":null}

Open in new window


I would like to create a table that includes all of the filed names: WWID, FULL_NAME, etc and the values

Any help would be greatly appreciated.
0
I have a table that looks something like:
<tr class='istitle' data-id='title-1'><td>title test 1</td><tr>
<tr><td>row 1</td></tr>
<tr><td>row 2</td></tr>
<tr><td>row 3</td></tr>
<tr class='istitle' data-id='title-2'><td>title test 2</td><tr>
<tr><td>row4</td></tr>
<tr><td>row 5</td></tr>
<tr class='istitle data-id='title-3''><td>title test 3</td><tr>
<tr><td>row 6</td></tr>

Open in new window


and I have set the table to be sortable using jQuery. When a row is moved to a new location how do I get the previous row that has the class='istitle'?

For example, if I move row 5 to be before row 3 then I need to get the row with data-id='title-1'
0
Data Tables are not being displayed with data from the database.  I am receiving the following error:

jquery.dataTables.min.js:40 Uncaught TypeError: Cannot read property 'length' of undefined

Here is the code:

<!--Data Tables:css-->
  <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
<!--Data Tables-->
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

$(document).ready(function () {
$('#datatable').DataTable({
"processing": true,
"serverSide": true,
"ajax": {
"url": "http://localhost:5000/alldata",
"type": "GET"
},
"columns": [
{ "data": "ID" },
{ "data": "Station" },
{ "data": "Address" },
{ "data": "C-Store Sales" },
{ "data": "Operator" },
{ "data": "Top SKU" }
]
});
});

Open in new window


<!---(2b)-->
    <h3>Data Table</h3>
    <form id="form1">
      <table class="table table-bordered table-striped" id="datatable">
        <thead>
          <tr>
            <th>ID</th>
            <th>Station</th>
            <th>Address</th>
            <th>C-Store Sales</th>
            <th>Operator</th>
            <th>Top SKU</th>
          </tr>
        </thead>
      </table>
    </form>

    <hr>

    <br />

Open in new window

0
Hi:

I notice that this javascript within the PHP script naturally appears in Page Source in firefox (and I assume in all browsers).

    <script language="javascript" type="text/javascript"></script>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <!--[if lt IE 9]>
        <script src="/dir1/js/html5shiv.js"></script>
        <script src="/dir1/js/respond.min.js"></script>
    <![endif]-->

    <script>
    function myGenFunction()
    {
        setTimeout(function(){window.location = "https://www.example.com/dir1/index.php"},30000);
	/* 30 sec timeout */
    }
    </script>

Open in new window

Later ..

        <body onload="myGenFunction()">

Open in new window

Followed by PHP code.

I'm building security into my app as a high priority and wonder if the javascript above makes hacking easier?
If so, is there some way to minimize its hackability?

Cheers
1
Hi, I can not select the checkbox and send the value in an array.

            <td>
              <div class="custom-control custom-checkbox mb-3">
                <input class="custom-control-input" id="checked1[]" name="checked1[]" value="1" type="checkbox"
                <?php if(in_array("1",$campo_enfermedad1)) { ?> checked="checked" <?php } ?>>
                <label class="custom-control-label" for="checked1[]"></label>
              </div>
            </td>
            <td>
              <div class="custom-control custom-checkbox mb-3">
                <input class="custom-control-input" id="checked1[]" name="checked1[]" value="2" type="checkbox"
                <?php if(in_array("2",$campo_enfermedad1)) { ?> checked="checked" <?php } ?>>
                <label class="custom-control-label" for="checked1[]"></label>
              </div>
            </td>
            <td>
              <div class="custom-control custom-checkbox mb-3">
                <input class="custom-control-input" id="checked1[]" name="checked1[]" value="3" type="checkbox"
                <?php if(in_array("3",$campo_enfermedad1)) { ?> checked="checked" <?php } ?>>
                <label class="custom-control-label" for="checked1[]"></label>
              </div>
            </td>
            <td>
              <div class="custom-control custom-checkbox mb-3">
                <input class="custom-control-input" id="checked1[]" name="checked1[]" value="4" type="checkbox"
                

Open in new window

1
I am trying to place charts in tooltips using google charts. And got stock . Placing charts in the tooltip from this page

https://developers.google.com/chart/interactive/docs/customizing_tooltip_content#placing-charts-in-tooltips



I am using this example but but instead of showing linear graph I need to to show a bar graph. The original graph is the linear graph

Thank you

	google.charts.load('current', {'packages':['corechart']});
    google.charts.setOnLoadCallback(drawTooltipCharts);
      
      
	
	var primaryData = [
		
		<cfoutput query="qGetClassesPerMonth">
			["#sYearFull#", '#sessionKey#']	,
		</cfoutput>	
       
      ];
      
      var tooltipData = [
     
        
        <cfoutput query="qGetClassesPerMonthPerToolTip">
        	['#sessionkey#','#zipcode#','#zCnt#']	,
        </cfoutput>	
      
      ];
      
        var tooltipOptions = {
        title: 'U.S. Viewership Over The Last 10 Years (in millions)',
        legend: 'none'
      };
      
      
      
      function drawTooltipCharts() {

        var data = new google.visualization.arrayToDataTable(tooltipData);
        var view = new google.visualization.DataView(data);

        // For each row of primary data, draw a chart of its tooltip data.
        for (var i = 0; i < primaryData.length; i++) {

          // Set the view for each event's data
          view.setColumns([0, i+1]);

          var hiddenDiv = 

Open in new window

0
I'm going through a Node tutorial and I'm at the point where I'm working with "express-validator."

According to the docs, "express-validator" is "...a set of express.js middlewares that wraps validator.js validator and sanitizer functions."

Easy enough, but I want to better understand that definition and it's bugging me that I've never installed the "validator.js" library.

Here's what I understand:

Middleware acts as a bridge between two applications. In the context of Node, Express is middleware specifically in the way it intercepts and interacts with the request and the response objects that are coming from the DOM (feel free to stop me at any time if I'm not accurate).

A "wrapper," according to https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_html_wrap_element, is something that's going to "wrap" around a div...

So, going back to the original definition, it looks as though Express-Validator is wrapping around the "validator.js" library and making it more intuitive to use.

But where does "validator.js" come from? I've never installed it, so how did that become use-able?

And then when I look at the example of the Jquery "wrap" method (https://www.w3schools.com/jquery/html_wrap.asp)...

How does express-validator "wrap" around validator.js?
0
I've got a form that will be uploading a zip file in addition to some other text data.

Before the form is submitted, I need to first ensure that the zip file that's getting ready to be posted doesn't have a name that's already in the database. So, as part of my validation, I'm posting the basename of the zip file to an api that returns a value that indicates whether or not it's a duplicate or not. Provided it's not a duplicate, my validation process then goes on to make sure that the other fields have been properly filled out.

Here's the snag...

I'm assuming that I need to structure this as a callback, but I don't know how. Here's my code:

<?php
session_start(); 
if (@$_SESSION['auth'] != "yes")                   
{
header("Location: default.php");
exit();
}

require_once('header.php');

?>

<style>

#picture_gallery {
	width:200px;
	height:200px;
	background-color:#ffffff;
	border:1px solid #ccc;
	border-radius:10pt;
	background-color:#ffffff;
	position:fixed;
	margin-left:400px;
	display:none;
	margin-top:100px;
	z-index:1000;
	}
	
	#picture_frame {
		height:25px; 
		background-color:#ccc; 
		border-top-left-radius:10pt; 
		border-top-right-radius:10pt; 
		width:100%; 	
	}
	
}

</style>
<div id="picture_gallery">
	<div id="picture_frame">
		<div style="float:right; margin-right:10px; padding-top:3px;"><a id="close" href="#" style="text-decoration:none;">&#8855;</a></div>
		<div id="gallery" style="width:100%; text-align:center; padding-top:30px;"></div>
	

Open in new window

1
I have sort of a related question here: https://www.experts-exchange.com/questions/29151129/use-an-oninput-event-to-change-states-of-button.html

Please go to: https://dev.magickitchen.com/menu/main_courses.html  and add something to the cart. If you need user/pw, please use mel/mel.

Then add a zip code and click on checkout. On the checkout page, you will see this:

company.JPG
What I would like to do is, if someone enters text into the field Company, I'd like the dropdown to automatically change from Residential to Commercial. Is that possible with jquery?
0
Please go to: https://dev.magickitchen.com/menu/main_courses.html  and add something to the cart. If you need user/pw, please use mel/mel

I would like to use an oninput event to make the calculate button go back and forth between hover state and non-hover state when text is entered into the zip code box.

So, enter a zip code, the button flashes back and forth between white and black.
white.JPG black.JPG
But need help with that. Thanks!
0

jQuery

17K

Solutions

5K

Contributors

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

Related Topics