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

Hello,

I have a rating system which uses css and jquey. I have 5 stars, the stars are radio buttons and I used CSS to change them into stars,

I have been asked to modify if so that if someone clicks the 5 star, then the other 4 also change to selected star, or if you click the 3 star, then 2 and 1 also change.

I just want to css display to change, I don't want to change the stars to a selected value for when the form is submitted

I made an initial jquery attempt wth no luck, I am not even sure I am applying the right class
https://fasdinfotsaf.ca/en/fee-for-service/

FYI, the rating is based on 1 per IP, so if you submit it, you wont see stars anymore


My jquery attempt
jQuery('#star5').change(function() {

                  if( ($(this).is(':checked')))  {
						  $("#star4, #star3, #star2, #star1 ").addClass(".star:checked:before");
					}   else   {
						 $("#star4, #star3, #star2, #star1 ").addClass(".star");
					}
	
		 });

Open in new window


My HTML
<input type="radio" name="ratings" value="1" class="star" id="star1"> 
<input type="radio" name="ratings" value="2" class="star" id="star2">
 <input type="radio" name="ratings" value="3" class="star" id="star3">
<input type="radio" name="ratings" value="4" class="star" id="star4">
<input type="radio" name="ratings" value="5" class="star" id="star5">

Open in new window


My CSS
.star {
    visibility:hidden;
    font-size:30px;
    cursor:pointer;
	display:block;
   float:left;
   margin-right:15px;
}
.star:before {
   content: "\2606";
   position: absolute;
   visibility:visible;
   color:#1ac0da;
   
   
}
.star:checked:before {
   content: "\2605";
   position: absolute;
   color:#1ac0da;
}	

Open in new window

1
CompTIA Security+
LVL 13
CompTIA Security+

Learn the essential functions of CompTIA Security+, which establishes the core knowledge required of any cybersecurity role and leads professionals into intermediate-level cybersecurity jobs.

Dear Experts,
I'm new to Ajax and JQuery,
is it possible to post variables to another domain with below code?

How can I see the result of the below post code on my page? it posts on my site, through on my own domain.

    <script>
	
var xhr = new XMLHttpRequest();
xhr.open("POST", 'the URL', true);

//Send the proper header information along with the request
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

xhr.onreadystatechange = function() { // Call a function when the state changes.
    if (this.readyState === XMLHttpRequest.DONE && this.status === 200) {
        // Request finished. Do processing here.
    }
}
xhr.send("foo=bar&lorem=ipsum");
// xhr.send(new Int8Array()); 
// xhr.send(document);


	</script>

Open in new window

0
Dear Experts,
I'm new to JQuery, I'd like to post some data to a page but I need to add header information.
How can I add this header to below code?

headers: ['Content-Type: application/json','Authorization: Autho xxxxxxx'],

thank you

	<script type="text/javascript">
        $(document).ready(function () {
			
		 $('#ajaxBtn').click(function(){
			 
   		
			$.post('theURLtoPOST',   // url
			    {"ProductId":"1","Id":"54"},

			   function(data, status, jqXHR) {// success callback
						$('p').append('status: ' + status + ', data: ' + data);
				});
			});
    });
    </script>

Open in new window

0
Dear experts,

i have an input type file to upload something,

 <input id="formAttach" name="formAttach" class="input-file" type="file">

Open in new window


Is it possible on selecting the file, duplicate it automatically in an other input type hidden with the full path/name of the file and his extension for value in the same form ?
0
Hello,

Here's the background - I have a site that has a few functional areas where the source code is compiled and I don't have access to it. Occasionally, those pages generate some nasty errors, which I would like to clean up. A further catch is that the errors are specific to this program and not IIS/.NET, so there aren't error codes that I can lock in on.

I have been successful at identifying and replacing text using JQuery when the errors pop up - they are less ugly as a result! However, I'd like to use the same methodology to just redirect the page entirely on load.

So, in a nutshell, the process would be:
1. Page starts to load
2. JQuery (or something else  - I'm open) detects the error text
3. Page redirects to a new URL that has more information and is friendly

I know it's not great, but it's better than what I'm working with now. Here's what I'm doing with JQuery now:

jQuery(".ErrorHeader").text($(".ErrorHeader").text().replace("ERROR ERROR ERROR ERROR ERROR BAD INFORMATION", "Sorry, this page can not be loaded. Please hit the back button on your browser or try again."));

Thanks!
0
Hi,

I am working on this page:
https://genealogiskforum.dk/Gf_Magasin_content/
It has four panes at the top of the page, and this question is only about pane three and four.

If you go into pane three you see this navigation section at the top of the page.
Sk-rmbillede-2019-03-12-07.42.42.pngIt is in danish, but the translation is like this: Forrige = Previous, Næste = Next, Side = Page (the box shows the actual page number), af xx sider = of xx pages.

When using the Next and Previous buttons the pagenumber in the box changes nicely in both pane three and pane four. The problem is that when entering a pagenumber in the box in pane three and hit Enter nothing happens, and when doing the same in pane four it goes to the page you have entered as expected.

I get no messages in the console, ant no other other errors - just nothing happens.

The code lines in question is for pane three these:
HTML:
<div class="flex-item"><input type="text" style="width: 45px; text-align:center; color: #f6f6f6; background-color:#808080; border: 1px solid #f6f6f6;margin-left:18px" id="my-page-input" value="1"></div>

Open in new window


Script:
var input5 = document.getElementById('my-page-input');

    input5.addEventListener('keypress', function(event) {
        if (event.which === 13) { // Return key
            viewer.goToPage(parseInt(input5.value, 10)-1);
        }
    });

    viewer.addHandler("page", function (data) {
        input5.value = ( data.page + 1 );
    });

Open in new window


And the codelines for pane four are these:
HTML:
<div class="flex-item"><input type="text" style="width: 45px; text-align:center; color: #f6f6f6; background-color:#808080; border: 1px solid #f6f6f6;margin-left:18px"; id="my-page-input2" value="1"></div>

Open in new window


Script:
var input2 = document.getElementById('my-page-input2');

    input2.addEventListener('keypress', function(event) {
        if (event.which === 13) { // Return key
            viewer.goToPage(parseInt(input2.value, 10)-1);
        }
    });

    viewer.addHandler("page", function (data) {
        input2.value = ( data.page + 1 );
    });

Open in new window


I just can't figure out where I am going wrong here, and I hope that someone can help me out with this.
0
Experts,
 We have added javascript scripts to aspx page for check current user sid is  in Active Directory group or not. we calling web service to to check it. That code is working nice on google chrome and Edge but not working in IE. Looks like JSON in unidentified error i believe.

 When open with development tool and debug then sometime it's working. Can you please help me to identify the root cause? Also how can i add some code which can throw the error popup?

<script type="text/javascript" src="_layouts/15/sp.runtime.js"></script>
<script type="text/javascript" src="_layouts/15/sp.js"></script>
<script src="https://code.jquery.com/jquery-1.11.2.min.js" type="text/javascript" ></script>

<script type="text/javascript">




var userid= _spPageContextInfo.userId;
if(userid != undefined)
{
  var sys_sid = _spPageContextInfo.systemUserKey;
    var input_sid = sys_sid.split('|');
    var Outputsid = input_sid[1] || '';
   // alert(Outputsid);
    var setData={
    migratedSecurityGroup: "Sharepoint_Migrated",
    samSID:Outputsid
};

     $.ajax({
        type: "POST",
        url: _spPageContextInfo.webAbsoluteUrl+"/_layouts/15/SG_Test_AppPage/SG_Test_AppPage.aspx/IsMemberOf",
       data: JSON.stringify(setData),
        async: false,
        contentType: 'application/json; charset=utf-8',
success: function(data) {
            //debugger;
            if(data.d.length>0){
            console.log(data.d)
         //   alert(data.d);
             if(data.d == 

Open in new window

1
Hello,

I am using a front end form
http://oalaca.nextmp.net/post-a-job-listing/

<?php acf_form(array(
‘post_id’      => ‘new_post’,
‘new_post’      => array(
‘post_type’      => ‘job_listings’,
‘post_status’      => ‘draft’
),
‘submit_value’      => ‘Post a new Job Listing’
)); ?>

It has 3 date pickers, these 3 all work in the dashboard Add Post form, but they are broken in my public add post form

I do not get any jquery errors in my console

In the Dashboard Add form, all the 3 fields date fields pop up with a calendar date picker
0
 $('#email-attachment-form').submit(function (e) {
        e.preventDefault();
    
         alert("test");
    });

Open in new window


Just testing if submit is triggering.

how the form is created

   $html .=                        '<form id="email-attachment-form" name="email-attachment-form" class="email-act-form-validation"';
            $html .=                              'style="padding:20px 10%;border-top:1px solid #ccc;"';
            $html .=                              'enctype="multipart/form-data" novalidate>';
            $html .=                           '<div class="input-group cf mb-1">';
            $html .=                               '<input type="text" class="form-control" name="attachment-title"';
            $html .=                                       'id="attachment-title" placeholder="Title" required="">';
            $html .=                               '<div class="invalid-feedback">';
            $html .=                                   'Please provide file title.';
            $html .=                               '</div>';
            $html .=                          '</div>';
            $html .=                           '<div class="input-group cf">';
            $html .=                                '<div class="custom-file mb-5">';
            $html .=                                   '<label class="custom-file-label" for="attachment-file">Choose file...</label>';
            $html .=                                 

Open in new window

0
I am attempting to update a D3 chart as well as data associated with that chart. Currently, when clicking an item in the dropdown, I get the updated chart (once, which is correct) and data/text to the right at least twice and the previous set of data/text are not going away. I have added empty arrays to try and stop this from happening but nothing is working yet. Here is a Codepen: https://codepen.io/dtepdc/pen/PLKGoq

How can I update the data associated with the dropdown number (only once) while removing the previous data at the same time? Thank you!

(You need to click on one of the dropdown items under "View by Incident" to see data. Loading the data as the page loads is in progress but this issue is more important right now)

Here is some of the code:

Data and code loading before the functions:
let dataset = [
    {
        "scene": "IR0006426320",
        "scene_start_time": "2018-02-05T15:03:30",
        "chips": [
            {
                "chip": "2018.02.05.150",
                "start_date": "2018-02-05T00:05:07",
                "end_date": "2018-02-05T01:26:23",
                "co_num":[""],
                "cause": false
            },
            {
                "chip": "2018.02.05.192",
                "start_date": "2018-02-05T15:48:08",
                "end_date": "2018-02-05T17:22:34",
                "co_num": [
                    "C03619354",
                    "C03618763",
                    "C03619064",
                    

Open in new window

0
Amazon Web Services
LVL 13
Amazon Web Services

Are you thinking about creating an Amazon Web Services account for your business? Not sure where to start? In this course you’ll get an overview of the history of AWS and take a tour of their user interface.

Need a few ideas on how to code sample data to test my Kendo UI controls

I will be using Kendo UI, Angular and jQuery on my next project. So, I assume the client will have different Kendo UI controls to test. So, the best way to test them is to populate them with dummy data, since the back-end work may not be up to speed yet.

So, please provide one or more Javascript samples which I could use to store the sample data.

I guess a multi-dimensional Array is pretty common in Javascript, BUT, it would also help if you also have the Javascript wrapper which returns the sample set of data as JSON and XML.

Thanks
0
Need a simple Visual Studio jQuery test environment.

I expect to be working in Visual Studio on a project which will involve Angular, Kendo UI and jQuery. So I need to set up a simple Visual Studio test environment where I can play around with some of the more complex jQuery commands.

What is the best way to do this in Visual Studio? I feel like I need a solution with an HTML file and a folder that contains jQuery. But feel free to suggest a few steps that can get me to that point.

And please include the steps to get jQuery installed. I assume that is just a NuGet call. But what about other dependencies?


Thanks.
0
Dear Experts,
I use PHP 7.2 and MySql 5.6,

I found an open source html - javascript html-JS form on Github, which could work perfectly fine for me .

https://github.com/jessepollak/card  The link is here.
I used Javascript version of this form.

This is a credit card form. It's a very useful form. However, I'm new to JS and I know that data can be manuplated with JS.
It can be posted without my knowledge with JS of JQuery and credit card information is a very sensitive data as you can imagine.

I check the JS file, I didn't see any part that POST data or another 3rd party links. How can I be sure that the form is safe and do not send or post any of my users data?

thank you
0
I have got a form shown on the page at first. Then I would like to show another 3 forms , on the user actions.

jsfiddle

   <div id="form-0">

    form 0
    </div>

    <div id="form-1" class="add-form">
    <a class="remove-form">X</a>
    form 1
    </div>

    <div id="form-2" class="add-form">
    <a class="remove-form">X</a>
    form 2
    </div>

    <div id="form-3" class="add-form">
    <a class="remove-form">X</a>
    form 3
    </div>


<p class="request-text">Maximum of 4 per request</p>
<a href="#" class="add-another-form">+ Add another form </a>

Open in new window



$("a.remove-form").bind("click", function(e) {
    	    $(e.target).closest(".add-form").css("display", "none");
});

counter = 0;

   function checkCounter() {
          if (counter > 4)
          {
            $('.request-text').text('You have reached maximum 4 requests ');
            $(".request-text").css("color", "green");                
            $('.add-another-form').unbind('click');

            return false;
          }

          counter++;
          return true;
        }
        
        
        
// Add form

$(".add-another-form").click(function(){

     if (checkCounter()) {
    $(".add-another-form").bind("click", function(e) {
     $(e.target).closest(".add-form").css("display", "block");
        });
           counter++;
        }

});

Open in new window


.add-form {
  display: none;
}

Open in new window


I have tried a few different way, but I could not be able make it work as expected. Any helps would be really appreciated.
0
Does Angular 7 NEED jQuery?

I will be starting a new project which includes:

KendoUI
Angular 7
jQuery

but my experiences with Angular 4 showed me that when you think you need jQuery, you have not looked hard enough at solving the problem using the features of Angular.

But I see this association between Angular, Kendo UI and jQuery.

https://www.progress.com/kendo-ui

How do these all fit together?

Curious.

Thanks,
0
Need a quick refresher in jQuery. Video might be a great way, but also tutorials can be great.

Thanks
0
var nestedtablesettings = {
    "iDisplayLength": 20,
    "bLengthChange": false,
    "bFilter": true,
    "bSort": true,
    "bInfo": false,
    "drawCallback" : function() {
        var appendDownloadLink = $("table table td .dataTables_filter");
        appendDownloadLink.each(function(i, e) {
            var label = $('label', e);
            $(e).html('<a class="export-circuits" href >Export circuits</a>').append(label);

            $(".export-circuits").on("click", function(e){
                circuit = $(this).closest('tr').prev('tr').children('td').eq(1).text();
                hpath = "exportCircuits?organisationID="+getbusinessID+"&interfaceName="+circuit;
                $(this).attr("href", hpath);
            });
        });
    }
};

Open in new window


I am trying to add an export link on the nested datatable.  When I try to see my result on Chrome and Firefox, it is working perfectly.

The result on chrome and Firefox
<div id="nested-datatable-covertab_0_row_0_tab_0_row_0_tab_0_filter" class="dataTables_filter"><a class="export-circuits" href="">Export circuits</a><label>Search:<input type="search" class="" placeholder="" aria-controls="nested-datatable-covertab_0_row_0_tab_0_row_0_tab_0"></label></div>

Open in new window


On the IE, it removed the data from label elements.
<div id="nested-datatable-covertab_0_row_0_tab_0_row_0_tab_0_filter" class="dataTables_filter"><a class="export-circuits" href="">Export circuits</a>
<label></label>
</div>

Open in new window


From my research, IE has got some issue with jquery append method.

Any helps would be highly appreciated.
0
I have got two select elements and I would like hide the option values if it is greater than the first select options values.

<select name="upgradeQuoteDetails[0].currentBearer">
            <option value="10">
            10 Mbps</option>
            <option value="100">
            100 Mbps</option>
            <option value="1000">
            1 Gbps</option>
            <option value="10000">
            10 Gbps</option>
            <option value="0">
            Other</option>
    </select>
    
<select name="upgradeQuoteDetails[0].quotedBandwidths">
            <option value="10">
            10 Mbps</option>
            <option value="20">
            20 Mbps</option>
            <option value="30">
            30 Mbps</option>
            <option value="50">
            50 Mbps</option>
            <option value="100">
            100 Mbps</option>
            <option value="1000">
            1 Gbps</option>
            <option value="10000">
            10 Gbps</option>
            <option value="0">
            Other</option>
    </select>

Open in new window





$("select[name='upgradeQuoteDetails[0].currentBearer']").change(function(){
        	var selectedBearer =$(this).children("option:selected").val();
          
          
          var options = 		            $("select[name='upgradeQuoteDetails[0].quotedBandwidths'] option");

    var values = $.map(options ,function(option) {
        return option.value;
    });
    
    for (var i=0; i<values.length; i++){
    console.log(values[i]);
  
    		if (values[i] >= selectedBearer) {
        	        
                      $("select[name='upgradeQuoteDetails[0].quotedBandwidths']").children('option[value='+values[i]+']').hide();

        }
    }

       
});
   

Open in new window


The bandwidth option value should always be less then the bearer options values.  For example, if the bearer option 100, the bandwidth should show 10, 20, 30, 50 and 100 only.jsfiddle
0
Hi everybody.
A client wants I implement a simple chat in order to get in touch with the visitors of his website. So I don't need to build a chat room but a one-to-one chat between the website owner and the website visitor. I'd need some guidance about hot to do it using jQuery and Php. I have found some script around the web, but, for instance, I don't understand how to manage the website owner side: It can happen that many visitors want to chat at the same moment and I can't guess how I have to manage this.

Can you give me some idea, suggestions and help?

Thank you so much
0
Why Diversity in Tech Matters
LVL 13
Why Diversity in Tech Matters

Kesha Williams, certified professional and software developer, explores the imbalance of diversity in the world of technology -- especially when it comes to hiring women. She showcases ways she's making a difference through the Colors of STEM program.

Dear Experts,

I use below function to post the data, it works perfectly fine.

however, it posts the data as soon as the page is ready, but I want to post the data if my button is clicked.

how can I do that?

thank you

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
       $.post("print.php",
        {
          bayikodu: "buraya",
          tutanak: "3"
        });        
});
</script>

Open in new window

1
Experts,
 We have some java script and reading data from sharepoint list. Some list item has more space and we need to trim it before we compare. The  original value is "California&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; " and we need to replace to "California".

Can you please help me write some code?

original code
  var spClientContext = SP.ClientContext.get_current();
        var parentListName = 'DM Nomination List'; 
		var spList = spClientContext.get_web().get_lists().getByTitle(parentListName);
		var objResult;
		    
		    arrLstDMNomination = [];
		    
			var viewXml = "<View><Query><Where><Eq><FieldRef Name='Nominated' /><Value Type='Text'>1</Value></Eq></Where>";
				viewXml += "<GroupBy Collapse=\"TRUE\" ><FieldRef Name=\"Territory\"/></GroupBy></Query><ViewFields><FieldRef Name=\"LinkTitle\"/>";
				viewXml += "<FieldRef Name=\"Title\"/><FieldRef Name=\"Territory\"/></ViewFields><Aggregations Value=\"On\">";
				viewXml += "<FieldRef Name=\"Nominated\" Type=\"COUNT\"/></Aggregations></View>";
			 var groupBy = spList.renderListData(viewXml);
			 spClientContext.executeQueryAsync(function(){
			 objResults = JSON.parse(groupBy.m_value);
 			 
			  $.each(objResults.Row, function(idx, obj){
                var vTerritoryName = obj["Territory"];
			 	var vNominatedCnt = obj["Territory.COUNT.group"];
			 	arrLstDMNomination[idx] = { 'TerritoryName' : vTerritoryName, 'NominatedCount' : vNominatedCnt  };
              });	 
            

Open in new window

0
I have got a nested datatable, I am adding a link in the inner data table. When I try to click another row, it duplicated the links.

jsfiddle

var settings = {
  "iDisplayLength": 20,
  "bLengthChange": false,
  "bFilter": true,
  "bSort": true,
  "bInfo": false,
   "drawCallback" : function() {
                       		var appendDownloadLink = $("table table td .dataTables_filter label");
                        		appendDownloadLink.each(function(i, e) {
                        		  $(e).before('<a class="take" href>Export departments</a>');
                           });
                           
                            $(".take").on("click", function(e){
                   	   console.log("export links");
                   	   e.preventDefault();
                         circuit = $(this).closest('tr').prev('tr').children('td').eq(1).text();
                         console.log(circuit);
                         hpath = "exportCircuits?organisationID="+"hello"+"&interfaceName="+circuit;
                         console.log(hpath);
                         $(this).attr("href", hpath);

                   });
                           
                           
                         }
};

var table = new nestedTables.TableHierarchy("example", dataInJson, settings);
table.initializeTableHierarchy();

Open in new window


How I can remove the duplication of the link ?
0
I am upgrading a site from javascript and jquery to Angular 7.

The site makes API calls to a server to deliver the HTML code.

What I am running into is that the code that comes from the server does not work.  For example, here is a test example from my html component that shows the problem.

<div [innerHTML]="pageInfo.text | safeHtml"></div>
<p><button class="btn btn-default" (click)="btnclck('btngo')">Test</button></p>

Open in new window


The first line is loaded in on initiation when the site loads and then changes when you move to a new page.
The second is a test line that I placed in there just to illustrate my problem.

The second line works exactly as it is supposed to.

But if the same button code comes in from an api read from the database, it doesn't work.

If you look at the code in the code inspector, you will see that the Angular coding has been applied to the second, but not to the first.

Angular Button Description
My assumption is that because this dynamic text is loaded after the rest of the site, the angular coding is not applied to the button tag and as such, the onclick doesn't work.

How do I get around this?  

The code has to come dynamically from a database.
0
I'm attempting to display part of an array from JSON when the user clicks on an ID in the dropdown. The data is loading data twice and then subsequent clicks just layer array upon array even though I have set my array to clear when update() is fired. I'm also getting a "update is not defined at HTMLAnchorElement.onclick" although that function itself is firing when the page loads.

How can I resolve the error and only display the one set of matching data? Here is a fiddle: https://jsfiddle.net/dtepdc/4e6mfoct/

Here is the code:

let dataset = [
    {
        "scene": "IR0006426320",
        "scene_start_time": "2018-02-05T15:03:30",
        "chips": [
        {
            "chip": "2018.02.05.150",
            "start_date": "2018-02-05T00:05:07",
            "end_date": "2018-02-05T01:26:23",
            "co_num":["None"],
            "cause": false
        },
        {
            "chip": "2018.02.05.192",
            "start_date": "2018-02-05T15:48:08",
            "end_date": "2018-02-05T17:22:34",
            "co_num": [
                "C03619354",
                "C03618763",
                "C03619064",
                "C03619325"
            ],
            "cause": false
        },
        {
            "chip": "2018.02.05.26",
            "start_date": "2018-02-05T16:38:56",
            "end_date": "2018-02-05T21:08:00",
            "co_num": [
                "C03610724"
            ],
            "cause": false
        },
        {
            "chip": 

Open in new window

0
I don't understand why I needed to use == instead of === in code below. When I use ===, code doesn't go down the correct if else block

<select class="form-control valid" id="ddlRoles" name="ddlRoles" aria-invalid="false">

						<option value="1">CSI STL - User</option>
						<option value="2">Ferguson - User</option>
						<option value="3">CSI Demo - User</option>
						<option value="4">Customer Admin - US/Canada</option>
						<option value="5">Customer Manager - US/Canada</option>
						<option value="6">Customer User - US/Canada</option>
						<option value="7">CSI AE - US/Canada</option>
					</select>

Open in new window


This works but if I change it === ... only else block gets executed

$('#ddlRoles').change(function() {    
		console.log($('#ddlRoles').val());

		if ($('#ddlRoles').val() == 3) {

			$("#camilladefault").hide();
			$("#camilladivtest").show();
			$("#camilladivtestFer").hide();
			}
		else if ($('#ddlRoles').val() == 2)
			{
				$("#camilladefault").hide();
				$("#camilladivtest").hide();
				$("#camilladivtestFer").show();
			}
		 else {
			$("#camilladefault").show();
			$("#camilladivtest").hide();
			$("#camilladivtestFer").hide();
		}
    });

Open in new window

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