Yes we can.
We will use $.noconflict
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"type="text/javascript">src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"type="text/javascript">var$oldjQuery=$.noConflict(true);
Window.load() event fire after entire Dom including images and CSS
document.ready() get fire when Dom is loaded it does not wait for image and CSS to be loaded and we can have multiple document.ready() function.
Id is the fastest selector.
Class is slowest selector.
$(this) is a jQuery object and you can use the power and beauty of jQuery, but with this keyword, one need to use native JavaScript.
e.g. I want display text of an span element on mouse over.
$(‘#spnValue’).mouseover(function(){
alert($(this).text()); //with $
alert(this.innerText()); //without $
});
We have a checkboz having id=selectall on selecting/deselecting we check/uncheck all check box in table whose clas=”checkbox”
$(function(){
// add multiple select / deselect functionality
$(“#selectall”).click(function () {
$(‘.checkbox’).attr(‘checked’, this.checked);
});
// if all checkbox are selected, check the selectall checkbox
$(“.checkbox”).click(function(){
if($(“.checkbox”).length == $(“.case:checked”).length) {
$(“#selectall”).attr(“checked”, “checked”);
} else {
$(“#selectall”).removeAttr(“checked”);
}
});
});
numArray.sort((a, b) => a – b); // For ascending sort numArray.sort((a, b) => b – a); // For descending sort
But above code will work only on ES6,6 supporting browser If you want to work in Old browser as well use below code.
<!DOCTYPE html>
<html>
<body>
<h2>JavaScript Array Sort</h2>
<p>The sort() method sorts an Numeric array .</p>
<button onclick=”myFunction()”>Try it</button>
<p id=”demo”></p>
var array1 = [1, 30, 4, 21,0,12,21,11,456];
function myFunction() {
array1.sort(compareNumbers);
document.getElementById(“demo”).innerHTML = array1;
}
function compareNumbers(a, b)
{
return a – b;
}
</body>
</html>
Method chaining in jquery is to apply multiple method in one go over an element. See below example..
var el=$(‘#mydiv’):
el.removeclass(‘oldclass’).addclass(‘class1’).CSS(‘color’:’red’);
In above example we removed a class then added another class and then applied a css. We didn’t applied seperately each method instead chained it.
$.ajax({type:"GET",url:"/api/employees/getemployee",data:{'id:'+Id},datatype:"json",contentType:" application/json",
success: function(data){
$("#resultarea”).text(data);
},
error: function (){
}
In above sample request we have both content type and datatype . Content type means type of data you sending to service/method. Datatype means type of data you are getting back from service/method.
In above sample we are sending json data and getting Jason in response.
JavaScript code is always fast because jquery is a precise version of JavaScript and ultimately it is converted in JavaScript.
So for loop is faster.
Both get data from server using HTTP request. But $.Ajax has more control and $.get is a shorthand of $.Ajax.So if you simply want to do simple stuff use $.get.
$.Ajax
jQuery.ajax({
url: ‘test.txt’,
dataType: ‘text’,
type: “GET”,
success: function(data) {
console.log(data);
}
});
$.get
jQuery.get(‘test.txt’,function(data){
console.log(data)
},’text’);
Dot Net Tricks 