Features of Jquery:
CDN - It stands for Content Distribution Network or Content Delivery Network.
Generally, a group of systems at various places connected to trfer data files between them to increase its bandwidth while accessing data. The typical architecture is designed in such a way that a client access a file copy from its nearest client rather than accessing it from a centralized server.
So we can load this jQuery file from that CDN so that the efficiency of all the clients working under that network will be increased.
Example :
We can load jQuery from Google libraries API
<script type="text/javascript" language="Javascript"
src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
$(”tr:last”).css({backgroundColor: ‘yellow’, fontWeight: ‘bolder’});
Require()
The Require() is used to include a file, It create fatal error if file not found and terminate script.
require_once()
The require_once() to require() except PHP will check if the file has already been included, and if so, tricor online not include (require) it again.
Using two function, we can perform the operation.
// Check #x $(“#checkboxid”).attr(“checked”, “checked”); // Uncheck #x $(“#checkboxid”).removeAttr(“checked”);
Generally in HTML, if we need to work with any control on a web page we need to find the control. For that we use document.getElementByID or document.getElementByName. But in jquery we do it using Selectors.
Using this selectors we can select all the controls as well using a symbol (* )
A sample code snippet can be of this form
<script language="javascript" type="text/javascript"> $("*").css("border", "10px red"); </script>
Yes, we can select an element with a specific class, we use the class selector.The class name must contain the prefix as "." (dot).
<script language="javascript" type="text/javascript"> $(".class1").css("border", "2px solid red"); </script>
I switched to Mac hardware around a year ago and I’m totally in love with it. All components work together nicely, and so far, I never had to return my Mac book Pro to the Apple Store because of an issue. However, I’m still using Windows through Parallels because OSX, while visually nice and stable, has fundamental usability flaws.
One of these flaws is the Finder. I recently worked on the jQuery UI Selectables in the labs version, and once again saw that the Finder had great flaws when it comes down to selection. For instance, if you select multiple items and click on one of them, the multiple selection isn’t cleared. Also, my tools that I love for windows simply don’t have an alternative yet .
Dollar Sign is nothing but it's an alias for JQuery. Take a look at below jQuery code
$(document).ready(function(){ });
Over here $ sign can be replaced with "jQuery " keyword.
jQuery(document).ready(function(){ });
jQuery is very compact and well written JavaScript code that increases the productivity of the developer by enabling them to achieve critical UI functionality by writing very less amount of code.
It helps to
Other advantages of jQuery are
Features of jQuery are :
The type of a function is "function".
There are a lot of anonymous functions is jquery.
$(document).ready(function() {}); $("a").click(function() {}); $.ajax({ url: "someurl.php", success: function() {} });
No, if the Jquery file has been added to the master page then we can access the content page directly without adding any reference to it.
This can be done using this simple example
<script type="text/javascript" src="jQuery-1.4.1-min.js"></script>
// Disable #x $(“#x”).attr(“disabled”,”disabled”); // Enable #x $(“#x”).removeAttr(“disabled”);
JQuery is a light weight JavaScript library which provides fast and easy way of HTML DOM traversing and manipulation, its event handling, its client side animations, etc. One of the greatest features of jQuery is that jQuery supports an efficient way to implement AJAX applications because of its light weight nature and make normalize and efficient web programs.
JQuery UI is a library which is built on top of JQuery library. JQuery UI comes with cool widgets, effects and interaction mechanism.
Some of the common methods are :
It’s very simple but most valuable Question on jQuery me jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, animating, event handling, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript. jQuery is build library for javascript no need to write your own functions or script jQuery all ready done for you.
Here to take effect is example to demonstrate
$(“div,span,p.myClass”).css(“border”,”1px solid green”);
the border will be apply in all div,span ,p.myClass class element.
Document.ready() function is different from body onload() function because off 2 reasons.
To select all elements in a page, we can use all selectors, for that we need to use *(asterisk symbol).
<script language="javascript" type="text/javascript"> $("*").css("border", "2px dotted red"); </script>
There are three way to change the URL for a Hyperlink using jQuery.
Using similar_text() get similarity between two strings.
Return Values
Returns the number of matching chars in both strings.
example
<?php
$first =’php3′;
$first =’php4′;
echo retail price similar_text ( $first, $second ) //3
?>
There are different methods to check and uncheck the check boxes.
suppose that you have checkboxes like that
<input type=”checkbox” value=”1″ name=”Items” id=”Items1″ />
<input type=”checkbox” value=”2″ name=”Items” id=”Items2″ />
<input type=”checkbox” value=”3″ name=”Items” id=”Items3″ />
<input type=”checkbox” value=”4″ name=”Items” id=”Items4″ />
using attr() function. $(‘#checkall’).click(function(){ $(“input[@name='Items']:checked”).attr(‘checked’,true); }); $(‘#uncheckall’).click(function(){ $(“input[@name='Items']:checked”).attr(‘checked’,false);});
using attr() and removeAttr()funstions $(‘#checkall’).click(function(){ $(“input[@name='Items']:checked”).attr(‘checked’,true); }) $(‘#uncheckall’).click(function(){ $(“input[@name='Items']:checked”).removeAttr(‘checked’);})
The syntax of connect function is
$.connect(sourceObj/*object*/, sourceFunc/*string*/, callObj/*object*/, callFunc/*string or Func*/)
Here sourceObj, callObj are optional for the global functions.
suppose if your sourceFunc is global function then no need to pass the sourceObj or you can use null or self.
suppose if your callObj is global function then no need to pass the callObj or you can use null or self.
There are many advantages with JQuery. Some of them are :
jQuery can be easily used with other libraries so it should work out of the box with simple and complex JavaScript and Ajax.
It is a jquery plugin which enables us to connect a function to another function. It is like assigning a handler for another function. This situation happens when you are using any javascript plugins and you want to execute some function when ever some function is executed from the plugin. This we can solve using jquery connect function.
The Php code is enclosed in special Start < ? and end ? > tags that allow ingredients you to jump in to and out of “php mode”.
using css() method we can apply css in div element.
example:
$(“div”).css(“border”,”1px solid green”);
$(”tr:odd”).css(”background-color”, “#bbbbff”);
$(”tr:even”).css(”background-color”, “#bbbbff”);
<html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> // You can write the code here </script> </head> <body> <a href="http://www.wisdomjobs.com/">WisdomJobs</a> </body> </html>
Download the latest jQuery library from jQuery.com and include the reference to the jQuery library file in our ASPX page.
<script src="_scripts/jQuery-1.2.6.js" type="text/javascript"></script>
<script language="javascript"> $(document).ready(function() { alert('test'); }); </script>
Suppose that below is checkbox array
<input type=”checkbox” value=”1″ name=”Items[]“ id=”Items1″ />
<input type=”checkbox” value=”2″ name=”Items[]“ id=”Items2″ />
<input type=”checkbox” value=”3″ name=”Items[]“ id=”Items3″ />
<input type=”checkbox” value=”1″ name=”Items[]“ id=”Items4″ />
and we want the get the value of selected checkbox using jquery.
then simple use below code.
var selItems = new Array();
$(input[@name='Items[]‘]:checked”).each(function() {selItems .push($(this).val());});
Here selItems will take all selected value of checkbox.
Just run the PHP CLI (Command Line Interface) program and provide the PHP script file name as the command line argument. For example, “php myScript.php”, assuming “php” is the command to invoke the CLI program. Be aware that if your PHP script was written for the Web CGI interface, it may not execute properly in command line environment.
The advantages of using jQuery are:
In most of the recent releases so far, the core functionality of jQuery remains same however some more cool and better features are added. Ideally you should use the latest jQuery files available. By doing this you ensure that your earlier functionality will still work and you can use new features available as part of the new release.
There are 3 types of selectors in Jquery
using ord() method we can get ASCII value of character in php.
<?php $str = "n" style="color: #007700;">; if (ord style="color: #0000bb;">$str) == 10) { echo "The first character of $str is a line feed.n"; } ?>
Using css method we can modify class using jquery
example:$(“.CssClass1.CssClass2″).css(“border”,”1px solid green”);
CssClass1,CssClass2 will be modify to border 1px solid green.
The tags <?= and ?> displayed output directly to the web browser.
The delegate() method can be used in two ways.
1) If you have a parent element, and you want to attach an event to each one of its child elements, this delegate() method is used.
Ex:Un-ordered
2) When an element is not available on the current page, this method is used.
.live() method is also used for the same purpose but, delegate() method is a bit faster.
<select id="sel"> <option value="1">Hi</option> <option value="2">Hello</option> <option value="3">Helloooooo</option> <option value="4">ok</option> <option value="5">Okey</option> </select>
want to get the value of selected option, then use
$("select#sel").val();
or text of selected box, then use
$("#seloption:selected").text();
Java script applied on client side while in php code executed on server reviews side.