tag:blogger.com,1999:blog-62167157201240424362024-02-06T22:06:41.204-08:00Feel Tech EvolutionRameshAnonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.comBlogger463125tag:blogger.com,1999:blog-6216715720124042436.post-39276330464731764562017-10-04T09:51:00.001-07:002017-10-04T09:51:45.671-07:00<div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name">
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;">Medicare Fee Schedule, Payment and Reimbursement Benefit Guideline </span></span></span></h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3erhwqP-7ZoKVemzSTsq4dcFeumkDRjnW0XhDRHQLgcpKBJ_8-cDknuqWQ5Gul8yu8j_xiu456W1TxYN7YnkNLjhuVZpp3uECB_m4wJXsfhcEVAJm3ClYBOuMJr-0NVJA2DvrXXIrT3o/s1600/The%252BMedicare%252BFee%252BSchedule.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="720" data-original-width="960" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQ3erhwqP-7ZoKVemzSTsq4dcFeumkDRjnW0XhDRHQLgcpKBJ_8-cDknuqWQ5Gul8yu8j_xiu456W1TxYN7YnkNLjhuVZpp3uECB_m4wJXsfhcEVAJm3ClYBOuMJr-0NVJA2DvrXXIrT3o/s400/The%252BMedicare%252BFee%252BSchedule.jpg" width="400" /></a></div>
<h3 class="post-title entry-title" itemprop="name">
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;"> </span></span></span></h3>
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">Medicare payment fee schedule is changing from state to state and county to county. Hence before download any fee schedule implementation, please make sure that you are choosing the correct county and state.</span></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<div style="font-family: verdana, sans-serif;">
A fee schedule is a complete listing of fees used by Medicare to pay doctors or other providers/suppliers. This comprehensive listing of fee maximums is used to reimburse a physician and/or other providers on a fee-for-service basis. CMS develops fee schedules for physicians, ambulance services, clinical laboratory services, and durable medical equipment, prosthetics, orthotics, and supplies. See Related Links below for information about each specific fee schedule.<span style="color: black;"> </span></div>
<div style="font-family: verdana, sans-serif;">
</div>
<div style="font-family: verdana, sans-serif;">
<b><br /></b></div>
<span style="font-family: "verdana" , sans-serif;"><b><br /></b></span> <span style="font-family: "verdana" , sans-serif;"><b>PHYSICIAN SERVICES</b></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">Medicare Part B pays for physician services based on the Medicare PFS, which lists the more than 7,000 unique codes and their payment rates. Physicians’ services include: </span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">● Office visits</span><br />
<span style="font-family: "verdana" , sans-serif;">● Surgical procedures</span><br />
<span style="font-family: "verdana" , sans-serif;">● Anesthesia services</span><br />
<span style="font-family: "verdana" , sans-serif;">● A range of other diagnostic and therapeutic services Physicians’ services are furnished in all settings, including:</span><br />
<span style="font-family: "verdana" , sans-serif;">● Physicians’ offices</span><br />
<span style="font-family: "verdana" , sans-serif;">● Hospitals</span><br />
<span style="font-family: "verdana" , sans-serif;">● Ambulatory Surgical Centers</span><br />
<span style="font-family: "verdana" , sans-serif;">● Skilled Nursing Facilities and other post-acute care settings</span><br />
<span style="font-family: "verdana" , sans-serif;">● Hospices</span><br />
<span style="font-family: "verdana" , sans-serif;">● Outpatient dialysis facilities</span><br />
<span style="font-family: "verdana" , sans-serif;">● Clinical laboratories</span><br />
<span style="font-family: "verdana" , sans-serif;">● Beneficiaries’ homes</span><br />
<span style="font-family: "verdana" , sans-serif;"><b><br /></b></span> <span style="font-family: "verdana" , sans-serif;"><b>MEDICARE PFS PAYMENT RATES</b></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">The Medicare PFS payment rates formula shows how a payment rate for an individual service is determined, and we provide a description for each component below the formula.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <br />
<div class="separator" style="clear: both; text-align: center;">
<img alt="Medicare fee schedule calculation formula " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkYR5YVJZhBMbE380Olx3dWk6yUo-uxswZ5gaZuSqQVH2bv5pkLs22cZ5PMUqwR9gC53doG4peQNn_w1jdF3hOtRUBpHGbkxiN1wwUqeEaxC4D4aqbAgRs20pvWx9hQfM3ENNg767Dvq0/s1600/Medicare+fee+schedule+calculation.PNG" /></div>
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><b>1) Relative Value Units (RVUs)</b></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">Three separate RVUs are associated with calculating a payment under the Medicare PFS:</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">● The Work RVU reflects the relative time and intensity associated with furnishing a Medicare PFS service</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">● The Practice Expense (PE) RVU reflects the costs of maintaining a practice (such as renting office space, buying supplies and equipment, and staff costs)</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">● The Malpractice (MP) RVU reflects the costs of malpractice insurance</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><b><br /></b></span> <span style="font-family: "verdana" , sans-serif;"><b><br /></b></span> <b style="font-family: verdana, sans-serif;">2) Geographic Practice Cost Indices (GPCIs)</b><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">Each of the three RVUs are adjusted to account for geographic variations in the costs of practicing medicine in different areas within the country. These adjustments are called GPCIs, and each kind of RVU component has a corresponding GPCI adjustment.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><b><br /></b></span> <span style="font-family: "verdana" , sans-serif;"><b>3) Conversion Factor (CF)</b></span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">To determine the payment rate for a particular service, the sum of the geographically adjusted RVUs is multiplied by a CF in dollars. The statute specifies the formula by which the CF is updated on an annual basis.</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;">You can use the Physician Fee Schedule Search Tool to obtain national and local payment rates. </span><br />
<span style="font-family: "verdana" , sans-serif;">For information on how to use the Physician Fee Schedule Search Tool, refer to How to Use the Searchable Medicare Physician Fee Schedule</span><br />
<span style="font-family: "verdana" , sans-serif;"><br /></span> <span style="font-family: "verdana" , sans-serif;"><a href="https://www.cms.gov/Outreach-and-Education/Medicare-Learning-Network-MLN/MLNProducts/downloads/How_to_MPFS_Booklet_ICN901344.pdf">https://www.cms.gov/Outreach-and-Education/Medicare-Learning-Network-MLN/MLNProducts/downloads/How_to_MPFS_Booklet_ICN901344.pdf</a></span></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<b><br /></b> <b><br /></b> <b>Method for Computing Fee Schedule Amount</b></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
The CMS continually updates, refines, and alters the methods used in computing the fee schedule amount. For example, input from the American Academy of Ophthalmology has led to alterations in the supplies and equipment used in the computation of the fee schedule for selected procedures. Likewise, new research has changed the payments made for physical and occupational therapy. The CMS provides the updated fee schedules to carriers on an annual basis. The sections below introduce the formulas used for fee schedule computations.</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<b>A. Formula</b></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
The fully implemented resource-based MPFS amount for a given service can be computed by using the formula below:</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
MPFS Amount = [(RVUw x GPCIw) + (RVUpe x GPCIpe) + (RVUm x GPCIm)] x CF</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
Where:</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
RVUw equals a relative value for physician work,</div>
<div style="font-family: Verdana,sans-serif;">
RVUpe equals a relative value for practice expense, and</div>
<div style="font-family: Verdana,sans-serif;">
RVUm refers to a relative value for malpractice.</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
In order to consider geographic differences in each payment locality, three geographic</div>
<div style="font-family: Verdana,sans-serif;">
practice cost indices (GPCIs) are included in the core formula:</div>
<div style="font-family: Verdana,sans-serif;">
A GPCI for physician work (GPCIw),</div>
<div style="font-family: Verdana,sans-serif;">
A GPCI for practice expense (GPCIpe), and</div>
<div style="font-family: Verdana,sans-serif;">
A GPCI for malpractice (GPCIm).<br />
</div>
<div style="font-family: Verdana,sans-serif;">
The above variables capture the efforts and productivity of the physician, his/her individualized costs for staff and for productivity-enhancing technology and materials.<br />
<br />The applicable national conversion factor (CF) is then used in the computation of every MPFS amount.</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
The national conversion factors are:<br />
<br />
</div>
<div style="font-family: Verdana,sans-serif;">
2002 - $36.1992</div>
<div style="font-family: Verdana,sans-serif;">
2001 - $38.2581</div>
<div style="font-family: Verdana,sans-serif;">
2000 - $36.6137</div>
<div style="font-family: Verdana,sans-serif;">
1999 - $34.7315</div>
<div style="font-family: Verdana,sans-serif;">
1998 - $36.6873</div>
<div style="font-family: Verdana,sans-serif;">
1997 - $40.9603 (Surgical); $33.8454 (Nonsurgical); $35.7671 (Primary Care)</div>
<div style="font-family: Verdana,sans-serif;">
1996 - $40.7986 (Surgical); $34.6296 (Nonsurgical); $35.4173 (Primary Care)</div>
<div style="font-family: Verdana,sans-serif;">
1995 - $39.447 (Surgical); $34.616 (Nonsurgical); $36.382 (Primary Care)</div>
<div style="font-family: Verdana,sans-serif;">
1994 - $35.158 (Surgical); $32.905 (Nonsurgical); $33.718 (Primary Care)</div>
<div style="font-family: Verdana,sans-serif;">
1993 - $31.926 (Surgical); $31,249 (Nonsurgical);</div>
<div style="font-family: Verdana,sans-serif;">
1992 - $31.001</div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
For the years 1999 through 2002, payments attributable to practice expenses transitioned from charge-based amounts to resource-based practice expense RVUs. The CMS used the following transition formula to calculate the practice expense RVUs. <br />
</div>
<div style="font-family: Verdana,sans-serif;">
1999 - 75 percent of charged-based RVUs and 25 percent of the resource-based RVUs.</div>
<div style="font-family: Verdana,sans-serif;">
2000 - 50 percent of the charge-based RVUs and 50 percent of the resource-based RVUs.</div>
<div style="font-family: Verdana,sans-serif;">
2001 - 25 percent of the charge-based RVUs and 75 percent of the resource-based RVUs.</div>
<div style="font-family: Verdana,sans-serif;">
2002 - 100 percent of the resource-based RVUs.</div>
<div style="font-family: Verdana,sans-serif;">
</div>
As the tabular display introduced earlier indicates, CMS has calculated separate facility and nonfacility resource-based practice expense RVUs.<br />
<br />
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">2010 Medicare Part B Fee Schedule for Delaware (DE), District of Columbia Metropolitan Area (DCMA), Maryland (MD), New Jersey (NJ), and Pennsylvania (PA) has been posted in </span><a href="https://www.highmarkmedicareservices.com/partb/index-feeinfo.html"><span style="color: #3333ff;">https://www.highmarkmedicareservices.com/partb/index-feeinfo.html</span></a><br />
<br />
<span style="color: black;">2010 Medicare Part B Fee Schedule for Connecticut, Indiana, Kentucky and New York has been posted in </span><a href="http://www.empiremedicare.com/"><span style="color: #3333ff;">http://www.empiremedicare.com/</span></a><span style="color: black;"> (please select Part B and specify the region, you will be directed to 2010 Fee Schedule Database)</span><br />
<span style="color: black;"><br /></span></div>
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">2010 Medicare physician fee schedule (MPFS) updates for Florida, Puerto Rico and U.S. Virgin Islands are posted in </span><a href="http://medicare.fcso.com/Fee_news/"><span style="color: #3333ff;">http://medicare.fcso.com/Fee_news/</span></a></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">2010 Part B Medicare Physician Fee Schedule for California (Jurisdiction 1 [J1] Part B) has been posted @ </span><span style="color: #3333ff;">http://www.palmettogba.com/palmetto/providers.nsf/DocsCat/Jurisdiction%201%20Part%20B~Publications~Fee%20Schedules~Medicare%20Physician%20Fee%20Schedules%20and%20Updates~8525746A00550AA38525768100694D43</span></div>
<div style="font-family: Verdana,sans-serif;">
</div>
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">2010 Part B Medicare and Clinical Lab Fee Schedules for the states Maine (ME), Massachusetts (MA), New Hampshire (NH), Vermont (VT) and Rhode Island (RI) are posted @ </span><span style="color: #3333ff;"><a href="http://www.medicarenhic.com/ne_prov/fee_sched.shtml">http://www.medicarenhic.com/ne_prov/fee_sched.shtml</a></span><br />
</div>
<div style="font-family: Verdana,sans-serif;">
<span style="color: black;">To view 2010 Medicare Fee Schedule for all regions please refer </span><br />
<span style="color: black;"><a href="http://www.cms.hhs.gov/PhysicianFeeSched/PFSCSF/itemdetail.asp?filterType=none&filterByDID=0&sortByDID=2&sortOrder=descending&itemID=CMS1231104&intNumPerPage=10"><span style="color: #3333ff;">http://www.cms.hhs.gov/PhysicianFeeSched/PFSCSF/itemdetail.asp?filterType=none&filterByDID=0&sortByDID=2&sortOrder=descending&itemID=CMS1231104&intNumPerPage=10</span></a><span style="color: #3333ff;"> </span>(The Centers for Medicare & Medicaid Services (CMS) has condensed all 56 Physician Fee Schedule (PFS) carrier specific pricing files into one zip file) </span><br />
<span style="color: black;"></span><span style="color: black;"><br />The final rule for payment policies under the Physician Fee Schedule and other Revisions to Part B for CY 2010 has been posted in </span><a href="http://www.federalregister.gov/OFRUpload/OFRData/2009-26502_PI.pdf"><span style="color: #3333ff;">http://www.federalregister.gov/OFRUpload/OFRData/2009-26502_PI.pdf</span></a><br />
<br />
<span style="color: black;">Zip code look up to specific Carrier Locality </span><a href="http://www.cms.hhs.gov/FeeScheduleGenInfo/"><span style="color: #3333ff;">http://www.cms.hhs.gov/FeeScheduleGenInfo/</span></a> <span style="color: black;">2010 Durable Medical Equipment Prosthetics, Orthotics and Supplies (DMEPOS) Fee Schedule for all States has been posted @ </span><a href="http://www.cms.hhs.gov/DMEPOSFeeSched/LSDMEPOSFEE/itemdetail.asp?filterType=none&filterByDID=0&sortByDID=3&sortOrder=descending&itemID=CMS1231049&intNumPerPage=10"><span style="color: black;"><span style="color: #3333ff;">http://www.cms.hhs.gov/DMEPOSFeeSched/LSDMEPOSFEE/itemdetail.asp?filterType=none&filterByDID=0&sortByDID=3&sortOrder=descending&itemID=CMS1231049</span>&intNumPerPage=10</span></a></div>
<h3 class="post-title entry-title" itemprop="name">
<span style="font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;"><span style="font-weight: normal;"><span style="font-size: x-large;"> </span></span></span></h3>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-48574590540934952832017-10-02T08:54:00.001-07:002017-10-02T08:56:00.692-07:00What is Differences Between a Rejection and Denial in Healthcare Billing System<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg31ruLQnGnk9KxCV8uFNWAhpKhHF-_uKibS5bTVVhSnSrf8-Nz8PiGWnxG1RE0a1C5vQBr5HqNyIaGZGCk9fIM3qk8a-_DNWZu-CviHFSntaB7upVKDe-jDZ4Yn58rHH_0Wx1k1ZViiUE/s1600/Medical-Claim-Denials-Rejections-FB-Ad-with-logo-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="540" data-original-width="750" height="459" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg31ruLQnGnk9KxCV8uFNWAhpKhHF-_uKibS5bTVVhSnSrf8-Nz8PiGWnxG1RE0a1C5vQBr5HqNyIaGZGCk9fIM3qk8a-_DNWZu-CviHFSntaB7upVKDe-jDZ4Yn58rHH_0Wx1k1ZViiUE/s640/Medical-Claim-Denials-Rejections-FB-Ad-with-logo-5.jpg" width="640" /></a></div>
<br />
<div style="text-align: justify;">
R<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">egardless of how brilliant a medical biller is, they are guaranteed to come across rejections and denials from time to time. These terms are frequently used to discuss medical billing claims and are often used interchangeably by even the most experienced team members in the health field. However, a rejection differs vastly from a denial. Additionally, the processes necessary to effectively overturn the ruling of a rejection is different from that of a denial. Understanding these fundamental differences is not only essential for ensuring that medical billing claims can be processed without unnecessary frustration, but will also help increase the efficiency of the revenue cycle and may potentially grow the profitability of the organization you work with.</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Claims that do not meet the specific data requirements or the basic format necessary will be rejected, according to the Centers for Medicare & Medicaid Services (CMS). Rejected claims will not be processed because they are not considered to have been “received” by the payor, thus do not make it into the adjudication system. This may sound complicated, but it really isn’t. It simply means that a rejected claim must be resubmitted when the error (or errors) is corrected appropriately. It’s important to note that beneficiaries of a rejected claim cannot be held liable because the services were never actually billed.</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Denied claims, on the other hand, have been received by the adjudication system of the payor, and cannot be resubmitted because the payment determination has already been decided upon. A denied claim can, however, be appealed by the request of the payor to necessitate the proper modifications, additional required documents, etc.</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Improving Revenue Cycles through Term Clarity</b></span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Educating staff members of the differences between a denied or a rejected claim can not only accelerate the appeals process drastically, but also help pinpoint where improvements can be made in the future. For instance, if your team comes across an inordinate amount of rejected claims, you may want to focus additional effort toward improving the process of your claim edits or scrubber to provide your clean claims rate with an added boost. This would likely require the involvement of IT, the business office, and possibly the vendor.</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><span id="more-6470"></span></span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Making an effort to reduce the amount of denied claims will require additional effort as the direct cause can be slightly more difficult to sniff out. Many organizations update their accounting system continuously, making changes where needed in an attempt to improve, but often times further complicate certain tasks in the process. An example would be if your accounting system were configured to reduce rejected claims by accepting the claim adjustment reason codes (CARCs) assigned by HIPAA by parsing them according to queues based on the designated CARCs. Although the system setup may reduce the amount of rejections, it very well may increase the amount of denials. When it comes to configuring a patient accounting system, small details can make all the difference in how claims are processed. This may sound like a lot of technical jargon, but it’s important to have a basic understanding of the operations that your accounting system undergoes when processing claims so that simple mistakes can be avoided and rejected/denied claims can remain separate from one another.</span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"><b>Unseen Opportunity to Improve the Revenue Cycle </b></span></span></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">By lumping the terms, denied and rejected together, you may be completely overlooking a possible situation where your organization’s <span style="color: black;">revenue cycle</span> can greatly benefit. Here is a very real scenario that has played out in many organizations virtually unnoticed by all. Imagine if an organization had been receiving notifications for rejected claims as part of an acknowledgement report. The only problem was that no one was actually tasked to work the reports. Instead, the staff member that received the reports was under the impression that rejections and denials were the same thing, but knew that the system this organization had in place was designed to drive denials / rejections to work queues. So, instead of separating the rejected claims, the staff member simply ignored the reports all together creating a problem that could potentially impair the organization’s overall revenue if not properly attended to.</span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Later on down the line, the rejected claim would appear in the work queue of an A/R staff member. It wasn’t until then that it was realized that the claim had never actually been received by the payor. Obviously, this would greatly hinder the entire claim adjudication process. If the payor pays approximately 45 days after receiving the claim, but the claim was delayed for an additional 20 days because it was needlessly sitting in the work queue, the provider would then be forced to wait 65 days past the date that the claim was originally billed before the payment would be received. In some instances, if the claim sits idle for long enough, too much time will have elapsed, and the provider will lose the revenue associated with that claim. Obviously, that is the worst case scenario, but you’d be surprised at how often this actually occurs. All of this trouble could easily be avoided if a single staff member was aware of the differences between a denied and a rejected claim.</span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">Once workflows are assigned to process denied and rejected claims separately, the bottom line of that organization will improve immediately.</span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;"> </span></span></div>
<div style="text-align: justify;">
<span style="font-size: large;"><span style="font-family: "helvetica neue" , "arial" , "helvetica" , sans-serif;">For those that have been in the health industry for many years, it may be habitual to use these terms synonymously, but doing so may be having negative repercussions. It’s incredible to consider that the minor disparity between two similar words can have such a profound impact on your organization. It is up to management to be on the same page as their team so that everyone understands the difference between a denied claim versus a rejected claim. Once that occurs, the appropriate resources can be allocated to ensure that operations run as smoothly as possible.</span></span></div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-83558771285492382042017-09-28T07:27:00.000-07:002017-09-28T07:28:29.047-07:00Top 50 Latest jQuery interview questions and answers (Part 2)<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q51. How to check if number is numeric while using jQuery 1.7+?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using "isNumeric()" function which was introduced with jQuery 1.7. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q52. How to check data type of any variable in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using $.type(Object) which returns the built-in JavaScript type for the object.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q53. How do you attach a event to element which should be executed only once?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using jQuery </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">one()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> method. This attaches a handler to an event for the element. The handler is executed at most once per element. In simple terms, the attached function will be called only once.</span><br />
<div class="syntaxhighlighter " id="highlighter_921518" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">() {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#btnDummy"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).one(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"click"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">() {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">alert(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"This will be displayed only once."</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q54. Can you include multiple version of jQuery? If yes, then how they are executed?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes. Multiple versions of jQuery can be included in same page.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q55. In what situation you would use multiple version of jQuery and how would you include them?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Well, it is quite possible that the jQuery plugins which are used are dependent on older version but for your own jQuery code, you would like to use newer version. So because of this dependency, multiple version of jQuery may required sometimes on single page.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Below code shows how to include multiple version of jQuery.</span><br />
<div class="syntaxhighlighter " id="highlighter_546012" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'text/javascript'</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'js/jquery_1.9.1.min.js'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'text/javascript'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$jq = jQuery.noConflict();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">7</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'text/javascript'</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'js/jquery_1.7.2.min.js'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">By this way, for your own jQuery code use "$jq", instead of "$" as "$jq" refers to jQuery 1.9.1, where "$" refers to 1.7.2.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q56. Is it possible to hold or delay document.ready execution for sometime?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes, its possible. With Release of jQuery 1.6, a new method "jQuery.holdReady(hold)" was introduced. This method allows to delay the execution of document.ready() event. document.ready() event is called as soon as your DOM is ready but sometimes there is a situation when you want to load additional JavaScript or some plugins which you have referenced. </span><br />
<div class="syntaxhighlighter " id="highlighter_363967" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$.holdReady(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">true</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$.getScript(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"myplugin.js"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">() {</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$.holdReady(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">false</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q57. What is chaining in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Chaining is one of the most powerful feature of jQuery. In jQuery, Chaining means to connect multiple functions, events on selectors. It makes your code short and easy to manage and it gives better performance. The chain starts from left to right. So left most will be called first and so on.</span><br />
<div class="syntaxhighlighter " id="highlighter_148251" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvContent'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).addClass(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'dummy'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvContent'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).css(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'color'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'red'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvContent'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).fadeIn(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'slow'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">The above jQuery code sample can be re-written using chaining. See below.</span><br />
<div class="syntaxhighlighter " id="highlighter_657431" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvContent'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).addClass(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'dummy'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.css(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'color'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'red'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.fadeIn(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'slow'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">); </code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Not only functions or methods, chaining also works with events in jQuery.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q58. How does caching helps and how to use caching in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Caching is an area which can give you awesome performance, if used properly and at the right place. While using jQuery, you should also think about caching. For example, if you are using any element in jQuery more than one time, then you must cache it. See below code.</span><br />
<div class="syntaxhighlighter " id="highlighter_483256" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#myID"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).css(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"color"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">//Doing some other stuff......</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#myID"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).text(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Error occurred!"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Now in above jQuery code, the element with #myID is used twice but without caching. So both the times jQuery had to traverse through DOM and get the element. But if you have saved this in a variable then you just need to reference the variable. So the better way would be,</span><br />
<div class="syntaxhighlighter " id="highlighter_176900" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$myElement = $(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#myID"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).css(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"color"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"red"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">//Doing some other stuff......</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$myElement.text(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"Error occurred!"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">So now in this case, jQuery won't need to traverse through the whole DOM tree when it is used second time. So in jQuery, Caching is like saving the jQuery selector in a variable. And using the variable reference when required instead of searching through DOM again.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q59. You get "jquery is not defined" or "$ is not defined" error. What could be the reason?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: There could be many reasons for this.</span><br />
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">You have forgot to include the reference of jQuery library and trying to access jQuery.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">You have include the reference of the jQuery file, but it is after your jQuery code.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">The order of the scripts is not correct. For example, if you are using any jQuery plugin and you have placed the reference of the plugin js before the jQuery library then you will face this error.</li>
</ul>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q60. How to write browser specific code using jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using jQuery.browser property, we can write browser specific code. This property contains flags for the useragent, read from navigator.userAgent. This property was removed in jQuery 1.9.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q61. Can we use jQuery to make ajax request?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes. jQuery can be used for making ajax request.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q62. What are various methods to make ajax request in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using below jQuery methods, you can make ajax calls.</span><br />
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">load()</b> : Load a piece of html into a container DOM</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">$.getJSON()</b>: Load JSON with GET method.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">$.getScript()</b>: Load a JavaScript file.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">$.get()</b>: Use to make a GET call and play extensively with the response.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">$.post()</b>: Use to make a POST call and don't want to load the response to some container DOM.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">$.ajax()</b>: Use this to do something on XHR failures, or to specify ajax options (e.g. cache: true) on the fly.</li>
</ul>
<br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q63. Is there any advantage of using $.ajax() for ajax call against $.get() or $.post()?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: By using jQuery post()/ jQuery get(), you always trust the response from the server and you believe it is going to be successful all the time. Well, it is certainly not a good idea to trust the response. As there can be n number of reason which may lead to failure of response. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Where jQuery.ajax() is jQuery's low-level AJAX implementation. $.get and $.post are higher-level abstractions that are often easier to understand and use, but don't offer as much functionality (such as error callbacks). </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q64. What are deferred and promise object in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Deferred and promise are part of jQuery since version 1.5 and they help in handling asynchronous functions like Ajax.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q65. Can we execute/run multiple Ajax request simultaneously in jQuery? If yes, then how?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes, it is possible to execute multiple Ajax request simultaneously or in parallel. Instead of waiting for first ajax request to complete and then issue the second request is time consuming. The better approach to speed up things would be to execute multiple ajax request simultaneously.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Using jQuery .when() method which provides a way to execute callback functions based on one or more objects, usually Deferred objects that represent asynchronous events. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q66. Can you call C# code-behind method using jQuery? If yes,then how?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes. We can call C# code-behind function via $.ajax. But for do that it is compulsory to mark the method as WebMethod.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q67. Which is the latest version of jQuery library?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The latest version (when this post is written) of jQuery is 1.10.2 or 2.0.3. jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q68. Does jQuery 2.0 supports IE?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: No. jQuery 2.0 has no support for IE 6, IE 7 and IE 8.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q69. What are source maps in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: In case of jQuery, Source Map is nothing but mapping of minified version of jQuery against the un-minified version. Source map allows to debug minified version of jQuery library. Source map feature was release with jQuery 1.9. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q70. How to use migrate jQuery plugin?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: with release of 1.9 version of jQuery, many deprecated methods were discarded and they are no longer available. But there are many sites in production which are still using these deprecated features and it's not possible to replace them overnight. So jQuery team provided with jQuery Migrate plugin that makes code written prior to 1.9 work with it.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">So to use old/deprecated features, all you need to do is to provide reference of jQuery Migrate Plugin. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q71. Is it possible to get value of multiple CSS properties in single statement?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Well, before jQuery 1.9 release it was not possible but one of the new feature of jQuery 1.9 was .css() multi-property getter.</span><br />
<div class="syntaxhighlighter " id="highlighter_87348" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">propCollection = $(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#dvBox"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).css([ </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"width"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"height"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"backgroundColor"</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">]);</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">In this case, the propCollection will be an array and it will look something like this.</span><br />
<div class="syntaxhighlighter " id="highlighter_2982" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">width: </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"100px"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">height: </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"200px"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">,</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">backgroundColor: </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#FF00FF"</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q72. How do you stop the currently-running animation, remove all queued animations, and complete all animations for the matched elements?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: It can be done via calling .stop([clearQueue ] [, jumpToEnd ]) method and by passing both the parameters as true.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q73. What is finish method in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The .finish() method stops all queued animations and places the element(s) in their final state. This method was introduced in jQuery 1.9.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q74. What is the difference between calling stop(true,true) and finish method?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The .finish() method is similar to .stop(true, true) in that it clears the queue and the current animation jumps to its end value. It differs, however, in that .finish() also causes the CSS property of all queued animations to jump to their end values, as well.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q75. Consider a scenario where things can be done easily with javascript, would you still prefer jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: No. If things can be done easily via CSS or JavaScript then You should not think about jQuery. Remember, jQuery library always comes with xx kilobyte size and there is no point of wasting bandwidth.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q76. Can we use protocol less URL while referencing jQuery from CDNs? </b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Yes. Below code is completely valid.</span><br />
<div class="syntaxhighlighter " id="highlighter_167091" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'text/javascript'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q77. What is the advantage of using protocol less URL while referencing jQuery from CDNs? </b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: It is quite useful when you are moving from HTTP to HTTPS url. You need to make sure that correct protocol is used for referencing jQuery library as pages served via SSL should contain no references to content served through unencrypted connections.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">"protocol-less" URL is the best way to reference third party content that’s available via both HTTP and HTTPS. When a URL’s protocol is omitted, the browser uses the underlying document’s protocol instead. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q78. What is jQuery plugin and what is the advantage of using plugin?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: A plug-in is piece of code written in a standard JavaScript file. These files provide useful jQuery methods which can be used along with jQuery library methods. jQuery plugins are quite useful as its piece of code which is already written by someone and re-usable, which saves your development time.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q79. What is jQuery UI?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library that can be used to build interactive web applications.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q80. What is the difference between jQuery and jQuery UI?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery is the core library. jQueryUI is built on top of it. If you use jQueryUI, you must also include jQuery.</span></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-11081287467613915752017-09-28T07:19:00.001-07:002017-09-28T07:24:55.207-07:00Top 50 Latest jQuery interview questions and answers (Part 1)<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<br />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q1. What is jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery is </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">fast, lightweight and feature-rich </b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">client side JavaScript Library/Framework which helps in to traverse HTML DOM, make animations, add Ajax interaction, manipulate the page content, change the style and provide cool UI effect. It is one of the most popular client side library and as per a survey it runs on every second website.</span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"><span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q2. Why do we use jQuery?</b></span><br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" /><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Due to following advantages.</span></span><br />
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Easy to use and learn.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Easily expandable.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Cross-browser support (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Easy to use for DOM manipulation and traversal.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Large pool of built in methods.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">AJAX Capabilities.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Methods for changing or applying CSS, creating animations.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Event detection and handling.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Tons of plug-ins for all kind of needs.</li>
</ul>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q3. How JavaScript and jQuery are different?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: JavaScript is a language While jQuery is a library built in the JavaScript language that helps to use the JavaScript language.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q4. Is jQuery replacement of Java Script?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">No.</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> jQuery is not a replacement of JavaScript. jQuery is a different library which is written on top of JavaScript. jQuery is a lightweight JavaScript library that emphasizes interaction between JavaScript and HTML. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q5. Is jQuery a library for client scripting or server scripting?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans. Client side scripting.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q6. Does jQuery follow W3C recommendations?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: No.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q7. What is the basic need to start with jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: To start with jQuery, one need to make reference of it's library. The latest version of jQuery can be downloaded from </span><a href="http://jquery.com/" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #333333; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; outline: 0px; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; transition: all 0.25s; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">jQuery.com</a><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q8. Which is the starting point of code execution in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The starting point of jQuery code execution is $(document).ready() function which is executed when DOM is loaded.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q9. What does dollar sign ($) means in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Dollar Sign is nothing but it's an alias for JQuery. Take a look at below jQuery code. </span><br />
<div class="syntaxhighlighter " id="highlighter_323678" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Over here $ sign can be replaced with "jQuery" keyword. </span><br />
<div class="syntaxhighlighter " id="highlighter_310923" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">jQuery(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q10. Can we have multiple document.ready() function on the same page?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">YES</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">. We can have any number of document.ready() function on the same page.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q11. Can we use our own specific character in the place of $ sign in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">Yes.</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> It is possible using jQuery.noConflict().</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q12. Is it possible to use other client side libraries like MooTools, Prototype along with jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">Yes.</b><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q13. What is jQuery.noConflict?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: As other client side libraries like MooTools, Prototype can be used with jQuery and they also use $() as their global function and to define variables. This situation creates conflict as $() is used by jQuery and other library as their global function. To overcome from such situations, jQuery has introduced jQuery.noConflict().</span><br />
<div class="syntaxhighlighter " id="highlighter_483629" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">jQuery.noConflict();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// Use jQuery via jQuery(...)</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">jQuery(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">jQuery(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"div"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).hide();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">You can also use your own specific character in the place of $ sign in jQuery.</span><br />
<div class="syntaxhighlighter " id="highlighter_677731" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">var</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$j = jQuery.noConflict();</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// Use jQuery via jQuery(...)</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$j(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$j(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"div"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).hide();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}); </code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q14. Is there any difference between body onload() and document.ready() function?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: document.ready() function is different from body onload() function for 2 reasons.</span><br />
<ol style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; list-style: decimal; margin: 0.5em 0px 0.5em 3em; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">We can have more than one document.ready() function in a page where we can have only one body onload function.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">document.ready() function is called as soon as DOM is loaded where body.onload() function is called when everything gets loaded on the page that includes DOM, images and all associated resources of the page.</li>
</ol>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q15. What is the difference between .js and .min.js?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery library comes in 2 different versions Production and Deployment. The deployment version is also known as minified version. So .min.js is basically the minified version of jQuery library file. Both the files are same as far as functionality is concerned. but .min.js is quite small in size so it loads quickly and saves bandwidth.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q16. Why there are two different version of jQuery library?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery library comes in 2 different versions. </span><br />
<ol style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; list-style: decimal; margin: 0.5em 0px 0.5em 3em; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Production</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Deployment</li>
</ol>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">The production version is quite useful at development time as jQuery is open source and if you want to change something then you can make those changes in production version. But the deployment version is minified version or compressed version so it is impossible to make changes in it. Because it is compressed, so its size is very less than the production version which affects the page load time.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q17. What is a CDN?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: A content delivery network or content distribution network (CDN) is a large distributed system of servers deployed in multiple data centers across the Internet. The goal of a CDN is to serve content to end-users with high availability and high performance.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q18. Which are the popular jQuery CDN? and what is the advantage of using CDN?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: There are 3 popular jQuery CDNs.</span><br />
<ol style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; list-style: decimal; margin: 0.5em 0px 0.5em 3em; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">1. Google.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">2. Microsoft</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">3. jQuery.</li>
</ol>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Advantage of using CDN.</span><br />
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">It reduces the load from your server.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">It saves bandwidth. jQuery framework will load faster from these CDN.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">The most important benefit is it will be cached, if the user has visited any site which is using jQuery framework from any of these CDN</li>
</ul>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q19. How to load jQuery from CDN?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Below is the code to load jQuery from all 3 CDNs.</span><br />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">Code to load jQuery Framework from Google CDN</b><br />
<div class="syntaxhighlighter " id="highlighter_885406" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" style="border: 0px; color: rgb(0, 0, 255) !important; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;">http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js</a>"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">Code to load jQuery Framework from Microsoft CDN</b><br />
<div class="syntaxhighlighter " id="highlighter_544399" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"<a href="http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js" style="border: 0px; color: rgb(0, 0, 255) !important; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;">http://ajax.microsoft.com/ajax/jquery/jquery-1.9.1.min.js</a>"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">Code to load jQuery Framework from jQuery Site(EdgeCast CDN)</b><br />
<div class="syntaxhighlighter " id="highlighter_792227" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"<a href="http://code.jquery.com/jquery-1.9.1.min.js" style="border: 0px; color: rgb(0, 0, 255) !important; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;">http://code.jquery.com/jquery-1.9.1.min.js</a>"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q20. How to load jQuery locally when CDN fails?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: It is a good approach to always use CDN but sometimes what if the CDN is down (rare possibility though) but you never know in this world as anything can happen.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Below given jQuery code checks whether jQuery is loaded from Google CDN or not, if not then it references the jQuery.js file from your folder.</span><br />
<div class="syntaxhighlighter " id="highlighter_474242" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">src=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"<a href="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" style="border: 0px; color: rgb(0, 0, 255) !important; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; transition: all 0.25s; vertical-align: baseline;">http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js</a>"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></script></code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><script type=</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"text/javascript"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">typeof</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">jQuery == </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'undefined'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">{</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">document.write(unescape(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"%3Cscript src='Scripts/jquery.1.9.1.min.js' type='text/javascript'%3E%3C/script%3E"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">));</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">7</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"></script></code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">It first loads the jQuery from Google CDN and then check the jQuery object. If jQuery is not loaded successfully then it will references the jQuery.js file from hard drive location. In this example, the jQuery.js is loaded from Scripts folder.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q21. What are selectors in jQuery and how many types of selectors are there?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: To work with an element on the web page, first we need to find them. To find the html element in jQuery we use selectors. There are many types of selectors but basic selectors are:</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Name: Selects all elements which match with the given element Name.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">#ID: Selects a single element which matches with the given ID</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">.Class: Selects all elements which match with the given Class.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Universal (*): Selects all elements available in a DOM.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Multiple Elements E, F, G: Selects the combined results of all the specified selectors E, F or G.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">Attribute Selector: Select elements based on its attribute value.</li>
</ul>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q22. How do you select element by ID in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: To select element use ID selector. We need to prefix the id with "#" (hash symbol). For example, to select element with ID "txtName", then syntax would be,</span><br />
<div class="syntaxhighlighter " id="highlighter_711124" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#txtName'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q23. What does $("div") will select?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: This will select all the div elements on page.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q24. How to select element having a particular class (".selected")?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: $('.selected'). This selector is known as class selector. We need to prefix the class name with "." (dot).</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q25. What does $("div.parent") will select?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: All the div element with parent class.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q26. What are the fastest selectors in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: ID and element selectors are the fastest selectors in jQuery.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q27. What are the slow selectors in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: class selectors are the slow compare to ID and element.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q28. How jQuery selectors are executed?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Your last selectors is always executed first. For example, in below jQuery code, jQuery will first find all the elements with class ".myCssClass" and after that it will reject all the other elements which are not in "p#elmID".</span><br />
<div class="syntaxhighlighter " id="highlighter_264586" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"p#elmID .myCssClass"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q29. Which is fast document.getElementByID('txtName') or $('#txtName').?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Native JavaScipt is always fast. jQuery method to select txtName "$('#txtName')" will internally makes a call to document.getElementByID('txtName'). As jQuery is written on top of JavaScript and it internally uses JavaScript only So JavaScript is always fast.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q30. Difference between $(this) and 'this' in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: this and $(this) refers to the same element. The only difference is the way they are used. 'this' is used in traditional sense, when 'this' is wrapped in $() then it becomes a jQuery object and you are able to use the power of jQuery.</span><br />
<div class="syntaxhighlighter " id="highlighter_976105" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#spnValue'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).mouseover(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">alert($(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">this</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).text());</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">In below example, this is an object but since it is not wrapped in $(), we can't use jQuery method and use the native JavaScript to get the value of span element.</span><br />
<div class="syntaxhighlighter " id="highlighter_291334" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#spnValue'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).mouseover(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">alert(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">this</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">.innerText);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q31. How do you check if an element is empty?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: There are 2 ways to check if element is empty or not. We can check using ":empty" selector.</span><br />
<div class="syntaxhighlighter " id="highlighter_841710" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">($(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#element'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).is(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">':empty'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">)){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">//Element is empty</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">And the second way is using the "$.trim()" method.</span><br />
<div class="syntaxhighlighter " id="highlighter_15824" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">($.trim($(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#element'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).html())==</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">''</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">) {</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">//Element is empty</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">}</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q32. How do you check if an element exists or not in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using jQuery length property, we can ensure whether element exists or not.</span><br />
<div class="syntaxhighlighter " id="highlighter_633230" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">if</code> <code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">($(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#element'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).length > 0){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">//Element exists</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q33. What is the use of jquery .each() function?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The $.each() function is used to iterate over a jQuery object. The $.each() function can be used to iterate over any collection, whether it is an object or an array.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q34. What is the difference between jquery.size() and jquery.length?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery .size() method returns number of element in the object. But it is not preferred to use the size() method as jQuery provide .length property and which does the same thing. But the .length property is preferred because it does not have the overhead of a function call. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q35. What is the difference between $('div') and $('<div/>') in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: $('<div/>') : This creates a new div element. However this is not added to DOM tree unless you don't append it to any DOM element.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">$('div') : This selects all the div element present on the page.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q36. What is the difference between parent() and parents() methods in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The basic difference is the parent() function travels only one level in the DOM tree, where parents() function search through the whole DOM tree.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q37. What is the difference between eq() and get() methods in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">eq()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> returns the element as a jQuery object. This method constructs a new jQuery object from one element within that set and returns it. That means that you can use jQuery functions on it.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">get()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"> return a DOM element. The method retrieve the DOM elements matched by the jQuery object. But as it is a DOM element and it is not a jQuery-wrapped object. So jQuery functions can't be used.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q38. How do you implement animation functionality?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The .animate() method allows us to create animation effects on any numeric CSS property. This method changes an element from one state to another with CSS styles. The CSS property value is changed gradually, to create an animated effect.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Syntax is:</span><br />
<div class="syntaxhighlighter " id="highlighter_861711" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(selector).animate({styles},speed,easing,callback)</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<ul style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: 1.4; list-style: disc; margin: 0.5em 0px; orphans: 2; padding: 0px 2.5em; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">styles: Specifies one or more CSS properties/values to animate.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">duration: Optional. Specifies the speed of the animation.</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">easing: Optional. Specifies the speed of the element in different points of the animation. Default value is "swing".</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px 0px 0.25em; padding: 0px; text-indent: 0px; vertical-align: baseline;">callback: Optional. A function to be executed after the animation completes.</li>
</ul>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Simple use of animate function is,</span><br />
<div class="syntaxhighlighter " id="highlighter_993067" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"btnClick"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#dvBox"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).animate({height:</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"100px"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q39. How to disable jQuery animation?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using jQuery property "</span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">jQuery.fx.off</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">", which when set to true, disables all the jQuery animation. When this is done, all animation methods will immediately set elements to their final state when called, rather than displaying an effect.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q40. How do you stop the currently-running animation?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: Using jQuery "</span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.stop()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">" method.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q41. What is the difference between .empty(), .remove() and .detach() methods in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: All these methods .empty(), .remove() and .detach() are used for removing elements from DOM but they all are different.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.empty()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: This method removes all the child element of the matched element where remove() method removes set of matched elements from DOM.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.remove()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: Use .remove() when you want to remove the element itself, as well as everything inside it. In addition to the elements themselves, all bound events and jQuery data associated with the elements are removed. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.detach()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: This method is the same as .remove(), except that .detach() keeps all jQuery data associated with the removed elements. This method is useful when removed elements are to be reinserted into the DOM at a later time. </span><br />
<br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q42. Explain .bind() vs .live() vs .delegate() vs .on()</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: All these 4 jQuery methods are used for attaching events to selectors or elements. But they all are different from each other.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.bind()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: This is the easiest and quick method to bind events. But the issue with bind() is that it doesn't work for elements added dynamically that matches the same selector. bind() only attach events to the current elements not future element. Above that it also has performance issues when dealing with a large selection.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.live()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: This method overcomes the disadvantage of bind(). It works for dynamically added elements or future elements. Because of its poor performance on large pages, this method is deprecated as of jQuery 1.7 and you should stop using it. Chaining is not properly supported using this method.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.delegate()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: The .delegate() method behaves in a similar fashion to the .live() method, but instead of attaching the selector/event information to the document, you can choose where it is anchored and it also supports chaining.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.on()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: Since live was deprecated with 1.7, so new method was introduced named ".on()". This method provides all the goodness of previous 3 methods and it brings uniformity for attaching event handlers.</span><br />
<br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q43. What is wrong with this code line "$('#myid.3').text('blah blah!!!');"</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The problem with above statement is that the selectors is having meta characters and to use any of the meta-characters ( such as !"#$%&'()*+,./:;<=></span><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">?@</span><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">[\]^`{|}~ ) as a literal part of a name, it must be escaped with with two backslashes: \\. For example, an element with id="foo.bar", can use the selector $("#foo\\.bar"). </span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">So the correct syntax is,</span><br />
<div class="syntaxhighlighter " id="highlighter_558779" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#myid\\.3'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).text(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'blah blah!!!'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q44. How to create clone of any object using jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: jQuery provides clone() method which performs a deep copy of the set of matched elements, meaning that it copies the matched elements as well as all of their descendant elements and text nodes.</span><br />
<div class="syntaxhighlighter " id="highlighter_45610" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#btnClone'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvText'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).clone().appendTo(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'body'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">return</code> <code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">false</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">;</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q45. Does events are also copied when you clone any element in jQuery?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: As explained in previous question, using clone() method, we can create clone of any element but the default implementation of the clone() method doesn't copy events unless you tell the clone() method to copy the events. The clone() method takes a parameter, if you pass true then it will copy the events as well.</span><br />
<div class="syntaxhighlighter " id="highlighter_705348" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(document).ready(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#btnClone"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).bind(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'click'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'#dvClickme'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).clone(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">true</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).appendTo(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">'body'</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;"></span><span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q46. What is difference between prop and attr?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: </span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">attr()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: Get the value of an attribute for the first element in the set of matched elements. Whereas,</span><b style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: 700; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">.prop()</b><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">: (Introduced in jQuery 1.6) Get the value of a property for the first element in the set of matched elements. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Attributes carry additional information about an HTML element and come in name="value" pairs. Where Property is a representation of an attribute in the HTML DOM tree. once the browser parse your HTML code ,corresponding DOM node will be created which is an object thus having properties. </span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">attr() gives you the value of element as it was defines in the html on page load. It is always recommended to use prop() to get values of elements which is modified via javascript/jquery , as it gives you the original value of an element's current state. Find out more </span><a href="http://techbrij.com/jquery-attr-vs-prop-difference" style="-webkit-text-stroke-width: 0px; background-color: white; border: 0px; color: #333333; font-family: "Open Sans", sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; orphans: 2; outline: 0px; padding: 0px; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; transition: all 0.25s; vertical-align: baseline; white-space: normal; widows: 2; word-spacing: 0px;">here</a><span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q47. What is event.PreventDefault?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: The event.preventDefault() method stops the default action of an element from happening. For example, Prevents a link from following the URL.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q48. What is the difference between event.PreventDefault and event.stopPropagation?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: event.preventDefault(): Stops the default action of an element from happening. </span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">event.stopPropagation(): Prevents the event from bubbling up the DOM tree, preventing any parent handlers from being notified of the event. For example, if there is a link with a click method attached inside of a DIV or FORM that also has a click method attached, it will prevent the DIV or FORM click method from firing.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q49. What is the difference between event.PreventDefault and "return false"?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: e.preventDefault() will prevent the default event from occurring, e.stopPropagation() will prevent the event from bubbling up and return false will do both.</span><br />
<br style="-webkit-text-stroke-width: 0px; background-color: white; color: #777777; font-family: "Open Sans", sans-serif; font-size: 15px; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-weight: normal; letter-spacing: normal; margin: 0px; orphans: 2; padding: 0px; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;" />
<span style="background-color: white; border: 0px; color: #990000; font-family: "open sans" , sans-serif; font-size: 15px; font-stretch: inherit; font-style: normal; font-weight: normal; letter-spacing: normal; line-height: inherit; margin: 0px; padding: 0px; text-align: left; text-indent: 0px; text-transform: none; vertical-align: baseline; white-space: normal; word-spacing: 0px;"><b style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: 700; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Q50. What is the difference between event.stopPropagation and event.stopImmediatePropagation?</b></span><br />
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">Ans: event.stopPropagation() allows other handlers on the same element to be executed, while event.stopImmediatePropagation() prevents every event from running. For example, see below jQuery code block.</span><br />
<div class="syntaxhighlighter " id="highlighter_537813" style="-webkit-text-stroke-width: 0px; background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; color: #777777; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 15px; font-stretch: inherit; font-style: normal; font-variant-caps: normal; font-variant-ligatures: normal; font-variant-numeric: inherit; font-weight: normal; height: auto !important; left: auto !important; letter-spacing: normal; line-height: 1.1em !important; margin: 1em 0px !important; min-height: auto !important; orphans: 2; outline: 0px !important; padding: 1px !important; position: relative !important; right: auto !important; text-align: left; text-decoration-color: initial; text-decoration-style: initial; text-indent: 0px; text-transform: none; top: auto !important; vertical-align: baseline !important; white-space: normal; widows: 2; width: 732.594px; word-spacing: 0px;">
<div class="lines" style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">1</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"p"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(event){</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">2</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">event.stopImmediatePropagation();</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">3</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">4</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"p"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).click(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">function</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">(event){</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">5</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="comments" style="background: none !important; border: 0px !important; bottom: auto !important; clear: both; color: rgb(0, 130, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">// This function won't be executed</code></td></tr>
</tbody></table>
</div>
<div class="line alt2" style="background: none rgb(248, 248, 248) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">6</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="spaces" style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"> </code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">$(</code><code class="keyword" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 102, 153) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 700 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">this</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">).css(</code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"background-color"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">, </code><code class="string" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 255) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">"#f00"</code><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">);</code></td></tr>
</tbody></table>
</div>
<div class="line alt1" style="background: none rgb(255, 255, 255) !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<table style="background: none !important; border-collapse: collapse !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><tbody style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="background: none !important; border: 0px !important; bottom: auto !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="number" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(175, 175, 175) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: 3em !important;"><code style="background: none !important; border: 0px !important; bottom: auto !important; color: inherit; display: block !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0.3em 0px 0px !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; width: 2.7em !important;">7</code></td><td class="content" style="background: none !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-image: initial !important; border-left-color: rgb(108, 226, 108) !important; border-left-style: solid !important; border-right-color: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-top-style: initial !important; border-width: 0px 0px 0px 3px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px 0px 0px 0.5em !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: top !important; width: auto !important; word-wrap: break-word;"><code class="plain" style="background: none !important; border: 0px !important; bottom: auto !important; color: rgb(0, 0, 0) !important; float: none !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; font-size: 1em !important; font-stretch: inherit; font-style: normal !important; font-variant: inherit; font-weight: 400 !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; min-height: auto !important; outline: 0px !important; padding: 0px !important; position: static !important; right: auto !important; text-align: left !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">});</code></td></tr>
</tbody></table>
</div>
</div>
</div>
<span style="background-color: white; color: #777777; display: inline; float: none; font-family: "open sans" , sans-serif; font-size: 15px; font-style: normal; font-weight: normal; letter-spacing: normal; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; word-spacing: 0px;">If event.stopPropagation was used in previous example, then the next click event on p element which changes the css will fire, but in case event.stopImmediatePropagation(), the next p click event will not fire.</span></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-3749163739392465142015-03-11T09:20:00.001-07:002015-03-11T09:20:27.237-07:00Asp.Net MVC3 And MVC4 Important Interview Questions And Answers Or Real Time MVC3 And MVC4 Interview Questions And Answers <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-body entry-content" id="post-body-3026921178269808832" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<h3 class="post-title entry-title" itemprop="name">
<span style="color: #00b0f0; font-size: 12pt; line-height: 115%; text-align: justify;">1) Why we are migrating
from ASP.Net to MVC Framework?</span></h3>
<div class="post-body entry-content" id="post-body-3026921178269808832" itemprop="description articleBody">
<div dir="ltr">
<div align="center" class="MsoNormal" style="text-align: center;">
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans:</span></div>
<div class="MsoNormal" style="text-align: justify; text-indent: .5in; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">MVC design
pattern is introduced for to separate the UI (User Interface) from ASP.Net. In normal Application BL (Business Logic),
DL (Data access Layer) and (PL) Presentation Layer all are combining to build
the Applications. So here if you want to do modification for any one of the
layer it’ll effect to all layers. It’s somewhat tedious. Regarding to this
Microsoft has been introduced the MVC Framework/Application in the .Net
Framework.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Model-View-Controller (MVC)</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> has been an
important architectural pattern in computer science for many years. Originally
named <i>Thing</i>-<i>Model</i>-<i>View</i>-<i>Editor </i>in 1979, it was later
simplified to <i>Model</i>-<i>View</i>-<i>Controller</i>.</span></div>
<div class="MsoNormal" style="margin-left: .25in; text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoListParagraph" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">2)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What is meant by MVC?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans: <b>MVC
Means Model View Controller</b></span></div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;"> MVC is a design pattern for software.
It is separation for those layers to manage a complex application. It means it
gives the more flexibility to overall architecture that allows the change to be
made to a layer, without affecting the other layers. It’s providing loose
coupling between these 3 elements (Model, View, and Controller).</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">
The MVC separates the user interface of an application into three main aspects:</span></div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-indent: 31.5pt; text-justify: inter-ideograph;">
<b><span style="font-size: 12.0pt; line-height: 115%;">M-Model:</span></b><span style="font-size: 12.0pt; line-height: 115%;"> A set of classes that describe the
data you’re working with as well as the business logic for how the data can be
changing and manipulating. A Model We can call as a Business Logic
(Intermediate for data Exchange between Presentation Logic and Data Access
Layer).</span></div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;"> Or</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">These are the
classes that represent the domain you are interested in. These domain objects
often encapsulate data stored in a database as well as code used to manipulate
the data and enforce domain-specific business logic. With ASP.NET MVC, this is
most likely a Data Access Layer using a some kind of tools like ADO.NET or LINQ
or Entity Framework combined with custom code containing domain-specific logic
or specific domain data.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<b><span style="font-size: 12.0pt;">V-View: </span></b><span style="font-size: 12.0pt;">Defines how the application’s UI (User Interface) will
be displayed. Its </span><span style="font-size: 12pt;">means the view of the user
interface components used to display the Model data.</span><span style="font-size: 12.0pt;"> Most of the views are created from the model data. </span></div>
<div class="MsoNormal" style="margin: 0in 0in 0.0001pt 2.5in; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt;">Or</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">This is a
template to dynamically generate HTML. When we Creating a View Templates of
Curd Operation or Else.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<b><span style="font-size: 12.0pt;">C-Controller:</span></b><span style="font-size: 12.0pt;"> It handles the user interactions and events.
Controller read data from a view, control user input and send input data to the
model.</span><span style="font-size: 12pt;"> It manipulates the updates that
model reflect at every change of the state of an application.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin: 0in 0in 0.0001pt 2.5in; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt;">Or</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">This is a special
class that manages the relationship between the View and Model. It responds to
user input, talks to the Model, and it decides which view to render (if any).
In ASP.NET MVC, this class is conventionally denoted by the suffix <i>Controller</i>.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">3)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What are the Advantages of MVC Framework?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: .25in; mso-add-space: auto; text-align: justify; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;"> Or</span></div>
<div class="MsoListParagraphCxSpLast" style="margin-left: .25in; mso-add-space: auto; text-align: justify; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What are the Benefits Of MVC Framework?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="margin-left: 4.5pt; text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans :</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">MVC Framework is divided in 3
Components as Model (Business Logic), View (Presentation Logic) and Controller
(Input Logic), which helps to Manage Complex Application.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">MVC Permitting development, testing
and maitainanace of each.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Its Eliminates the Problem of Load
Time Delays of HTML Markup. Why because of it doesn’t use View State or Server
Side Form. Complete Control over HTML output and html based.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Esaier integration with
Javascript/Jquery.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Building an Internet site where
HTML,Performance,and scalability are paramount ASP.NET MVC3 may be better
suited.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">It supports better development of
Test – Driven Development Application (TDD).</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Testing Becomes Very Easier and
Individual UI Test also possible.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; mso-list: l12 level1 lfo2; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">It Supports ASP.Net Routing which
provides better URL (Universe Resource Locator) Mapping in Our MVC
Applications.</span><span style="font-size: 12pt; line-height: 115%;"> In ASP.NET routing URL
can be very useful for Search Engine Optimization (SEO) and Representation
State Transfer (REST).</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 56.25pt; mso-add-space: auto; text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">4)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What are the Versions in MVC Framework?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans :</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">ASP.NET 1.0 was
first released in 2002. , it was easy to think of ASP.NET and Web Forms as one
and the same thing. ASP.NET has always supported two layers of abstraction,
though:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">System.Web.UI
:</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> The Web Forms layer, comprising server
controls, View State, & so on</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">System.Web
:</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> The plumbing, which supplies the basic web
stack, including modules, handlers, the HTTP stack, and so on.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">The mainstream
method of developing with ASP.NET included the whole Web Forms stack — taking
advantage of drag-and-drop controls, semi-magical state fullness, and wonderful
server controls while dealing with the complications behind the scenes (an
often confusing page life cycle, less than optimal HTML, and so on).</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> ASP.NET
MVC was announced in 2007, the MVC pattern was becoming one of the most popular
ways of building web frameworks.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Model-View-Controller (MVC)</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> has been an
important architectural pattern in computer science for many years. Originally
named <i>Thing</i>-<i>Model</i>-<i>View</i>-<i>Editor </i>in 1979, it was later
simplified to <i>Model</i>-<i>View</i>-<i>Controller</i>.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">It has been used
in dozens of frameworks since its introduction. You’ll find MVC in Java and
C++, on Mac and on Windows, and inside literally dozens of frameworks.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">ASP.NET
MVC 1 Overview:</span></b><span style="font-size: 9.5pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> Even before
the official release, it was clear that ASP.NET MVC wasn’t your standard
Microsoft product. The development cycle was highly interactive: there were nine
preview releases before the official release, unit tests were made available,
and the code shipped under an open source license.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">All of these highlighted a philosophy
that placed a high value in community interaction throughout the development
process. The end result was that the official MVC 1.0 release — including code
and unit tests — had already been used and reviewed by the developers who would
be using it. ASP.NET MVC 1.0 was released on 13 March 2009.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">ASP.NET
MVC 2 Overview:</span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> </span></b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">ASP.NET
MVC 2 was released just one year later, in March 2010. Some of the main
features in MVC 2 included: </span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">UI
helpers with automatic scaffolding with customizable templates</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Attribute-based
Model validation on both client and server</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Strongly-typed
HTML helpers</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Improved
Visual Studio tooling There were also lots of API enhancements and “pro”
features, based on feedback from developers building a variety of applications
on ASP.NET MVC 1, such as:</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-style: italic; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Support
for partitioning large applications into <i>areas</i></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Asynchronous
Controllers support</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Support
for rendering subsections of a page/site using Html.RenderAction</span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-style: italic; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Lots
of new helper functions, utilities, and API enhancements one important
precedent set by the MVC 2 release was that there were very few breaking
changes. I think this is a testament to the architectural design of ASP.NET
MVC, which allows for a lot of extensibility without requiring core changes.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">ASP.NET
MVC 3 Overview:</span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">
ASP.NET MVC 3 (generally abbreviated as MVC 3 from now on) shipped just
10 months after MVC 2, driven by the release date for Web Matrix. If MVC 3 came
in a box, it might say something like this on the front:</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> Expressive Views including the new Razor View
Engine!</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">NET
4 Data Annotation Support!</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Streamlined
validation with improved Model validation!</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"> Powerful hooks with Dependency Resolution and
Global Action Filters!</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Rich
JavaScript support with unobtrusive JavaScript, jQuery Validation, and JSON
binding!</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Now
with NuGet!!!!</span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 38.25pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-style: italic; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">For
those who have used previous versions of MVC, we’ll start with a quick look at
some of these major features.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoListParagraph" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">5)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What are the New Features of Asp.Net MVC 3.0?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans:</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="font-size: 12.0pt; line-height: 115%;">ASP.Net
MVC3 brings you the Razor View Engine (Delimiter @) with Extension of .cshtml
For C# and .vbhrml For VB.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">An Integrated Scaffolding System
Extensible Via NuGet.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">HTML5 Enables Project Templates.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Powerful hooks With New Dependency
Injection (Provides Loosely Coupling and Easily Testable and Centralize
Configuration) and Global Action filter.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Rich JavaScript Support(Including
Unobtrusive JavaScript)</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">JQuery Validation.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">JSON Binding (JavaScript Object
Notation).</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Data Annotation support(Validating
the Data for Entity Data Model or LINQ To Sql or Any data like Range attribute,
Required Attribute, Regular Expression Attribute And String Length Attribute
and Etc)</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l2 level1 lfo4; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">HTML Helpers Support HTML5 Style
Attributes.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; text-align: justify; text-justify: inter-ideograph;">
</div>
<div class="MsoListParagraphCxSpLast" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">6)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What is the new Razor View Engine in MVC 3.0 Framework?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans:</span></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;"> It
is designed for render the HTML Pages. When we need to include an C# or VB code
with the HTML Markup within Asp.Net web pages then sometimes become very
tedious. To overcome this problem Razor was implemented.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;"> Razor use the semantic parser to use
it within the code block.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> It works, but it was designed to support editing controls in a
graphical editor, and that legacy shows.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">Razor view engine is a new view engine created
with ASP.Net MVC model using specially designed Razor parser to render the HTML
out of dynamic server side code. It allows us to write Compact, Expressive,
Clean and Fluid code with new syntaxes to include server side code in to HTML.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Razor was designed specifically as a View
Engine Syntax. It has one main focus: code-focused for</span><i><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Italic;"> </span></i><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">HTML</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> generation.
Extensions of Razor View Engines are</span><i><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Italic;"></span></i></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">.cshtml - If the programming language is C#</span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-bidi-font-style: italic; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">.vbhtml - If the programming language is VB</span><i><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Italic;"></span></i></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;"> </span></div>
<div class="MsoListParagraph" style="margin-left: .25in; mso-add-space: auto; mso-list: l10 level1 lfo1; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">7)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt; line-height: 115%;">What is the Main Function of New Razor View Engine?</span><span style="font-size: 12.0pt; line-height: 115%;"></span></div>
<div class="MsoNormal" style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; line-height: 115%;">Ans:</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l6 level1 lfo6; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="font-size: 12.0pt; line-height: 115%;">It
has predefined set of functions that can be used to make the coding more easily
because of Razor doesn’t have the XML Like heavy syntax of the web form view
engine.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l6 level1 lfo6; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">Razor View Engine is Very Expressive
in writing Style, Compact and Fluid.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin-left: 1.0in; mso-add-space: auto; mso-list: l6 level1 lfo6; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph;">
<span style="font-family: Wingdings; font-size: 12.0pt; line-height: 115%; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;"> </span></span><span style="font-size: 12.0pt; line-height: 115%;">It provides easy way to integrate the
server code into the HTML Markup.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 9.5pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt;">Great IntelliSense (IntelliSense can come in handy for
things like viewing the properties your model object supports).</span><span style="font-family: Sabon-Roman; font-size: 9.5pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">The Razor view
engine’s core compilation engine has no dependencies on </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">System.Web </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">or ASP.NET whatever —
it can be executed from unit tests, or even from the command line, So </span><span style="font-size: 12.0pt;">It Provides the Unit testable.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Razor also simplifies
markup with an improvement on the Master Pages concept — called Layouts — that
is both more flexible and requires less code and that </span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">became
popular and includes Spark and NHaml.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Multiple
views are also popular using a single application or the site as the template
can be viewed using a single engine or more flexibility can be given to the use
of template.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;">Razor
is used as a helper that includes all the helper methods and programming model
features to synchronize with the .ASPX view engine.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Wingdings; font-size: 12.0pt; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">ü<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-size: 12pt;">Razor supports
many local functions with other functionalities that help in block reading and
writing. It also has pre-defined set of functions that can be used to make the
coding more easily.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 1in; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">8)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt;">What
is the Page Life Cycle of an MVC Framework?</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">The mechanism for connecting client-side
events with server-side event handler code, part of the page life cycle, can be
extraordinarily complicated and delicate.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt;">APP INITIALIZATION: </span></b><span style="font-size: 12.0pt;">IF any of the Application is starting from the App_start() in
Global.asax . It means the initiation of the application takes place that allow
the application to interact the server and start to run the application and
create route object in route table collection.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt;">Routing:</span></b><span style="font-size: 12.0pt;"> </span><span style="font-size: 12pt;">The messages
are routed to the server for making the delivery of the request easier and
provide the URL Mapping.</span><b><span style="font-size: 12.0pt;"></span></b></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt;"> Routing is a stand-alone
component that matches incoming requests to IHttpHandlers by URL pattern.
MvcHandler is, itself, an IHttpHandler, which acts as a kind of proxy to other
IHttpHandlers configured in the Routes table.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt;">Instantiate and Execute Controller: </span></b><span style="font-size: 12.0pt;">Initialize the request and process and execute to
display output. In this The Active IControllerFactory supplies an IController
Instance.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Tahoma;"> It
basically uses IControllerFactory to identify the controller (Developer can use
different strategy to identify the Controller method and also can create custom
controller by using following Contract /Interface).</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify;">
<b><span style="font-size: 12.0pt;">Ex :</span></b><span style="font-size: 12.0pt;"> public
interface IController</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify;">
<b><span style="font-size: 12.0pt;"> </span></b><span style="font-size: 12.0pt;">{</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify;">
<span style="font-size: 12.0pt;"> Void Execute(ReuestContext req)</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify;">
<span style="font-size: 12.0pt;"> }</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt;">Locate and Invoke Controller: </span></b><span style="font-size: 12.0pt;">Controller allows to locating correctly and invokes
the particular action for application. The controller invokes its relevant
action method, which after further processing, Calls RenderView ().The
controller determines which controller method to execute, builds a list of
parameters, and executes the method.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify; text-indent: 29.25pt;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Tahoma;">The ControllerActionInvoker object that is
associated with the controller determines which action method of the controller
class to call and then call’s the method. The ControllerActionInvoker gets
created on the basis of the RequestContext object.</span><b><span style="font-size: 12.0pt;"></span></b></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt;">Instantiate and Render View: </span></b><span style="font-size: 12.0pt;">The IViewFactory supplies an IView, which pushes
response data to the IHttpResponse object.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"> This helps in view the result of the application
that is being built.</span><b><span style="font-size: 12.0pt;"></span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
HTTP Request</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
<span style="font-size: 12.0pt; line-height: 115%;">Routing</span></div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
Controller</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
ViewResult</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
ViewEngine</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
View</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><br />
<div>
<div class="MsoNormal">
Response</div>
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">9)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt;">Describe
about the ASP.NET MVC Request Life Cycle?</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Application
first receives the request & looks up the route object in RouteTable
Collection. Then RouteData Object is created. </span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-hansi-theme-font: minor-latin;">In ASP.NET MVC application like
normal ASP.NET application when application starts first time, it calls
Application_Start() application event from Global.asax. Route table is
registered(created) from Appication_Start() event.</span><b><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></b></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #333333; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Tahoma; mso-hansi-theme-font: minor-latin;">The MVCRouteHandler object creates an instance of the
MvcHandler class and passes it the RequestContext object. This is another point
for creating custom handler for the handling the web Request.</span><b><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></b></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;">MvcHandler and pass RequestContext to handler is created.</span><b><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></b></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;">IControllerFactory from RequestContext is identified.</span><b><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></b></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;"> IControllerFactory
from RequestContext is identified.</span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;"></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;">The object of class that implements ControllerBase is
created.</span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;"></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;">In MyController Excute method is created.</span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;"></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l3 level1 lfo9; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif;">The ControllerActionInvoker finds the action to invoke on
the controller and executes that action on the controller and return to the
view.</span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;"></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; text-align: justify; text-autospace: none; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">10)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt;">How
Asp.Net MVC differs from Asp.Net WebForms?</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify;">
<span style="color: #00b0f0; font-size: 12.0pt;"> Or</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify;">
<span style="color: #00b0f0; font-size: 12.0pt;">What is
the difference between ASP.NET MVC and ASP.NET WebForms ? </span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify;">
</div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; text-align: justify; text-autospace: none; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Ans:</span></div>
<div class="MsoNormal" style="line-height: 13.5pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-indent: .5in; text-justify: inter-ideograph;">
ASP.NET MVC is not a replacement for ASP.NET WebForms.<span style="font-size: 12.0pt; mso-bidi-font-family: "Lucida Sans Unicode";"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: "Lucida Sans Unicode"; mso-fareast-font-family: "Times New Roman";">Both ASP.NET MVC and ASP.NET WebForms are built on top
of the Core ASP.NET Framework. In fact a lot of features we use in ASP.NET such
as Roles, Membership, Authentication and a lot of namespaces, classes and
interfaces can be used in an ASP.NET MVC application.</span></div>
<div class="MsoNormal" style="line-height: 13.5pt; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto; text-align: justify; text-indent: .5in; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.net framework is a part of .net platform for
building, deploying and running web applications. Now, we can develop a web
application by using Asp.Net Web Form and Asp.Net MVC.</span> </div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="mso-cellspacing: 0in; mso-padding-alt: 1.5pt 1.5pt 1.5pt 1.5pt; mso-yfti-tbllook: 1184; width: 655px;">
<tbody>
<tr style="height: 6.55pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">ASP.NET WebForms</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">ASP.NET MVC</span></b><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 1;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Asp.Net WebForm Follow a traditional event driven development
model</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: bold; mso-fareast-font-family: "Times New Roman";">Asp.net MVC is a lightweight and
follow MVC pattern based development model</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 2;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net Web Form has User Controls for code re-usability
and is not open source.</span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net MVC has Partial Views for code re-usability and
is an open source.</span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: bold; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 3;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Uses the ‘Page Controller’ pattern. Each page has a
code-behind class that acts as a controller and is responsible for rendering
the layout.</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Uses the ‘Front Controller’ pattern. There is a single
central controller for all pages to process web application requests and
facilitates a rich routing architecture</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 4;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Uses an architecture that combines the Controller (code
behind) and the View (.aspx). Thus the Controller has a dependency on the
View. Due to this, testing and maintainability becomes an issue.</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">ASP.NET MVC enforces a "separation of concerns".
The Model does not know anything about the View. The View does not know
there’s a Controller. This makes MVC applications easier to test and maintain</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 5;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">The View is called before the Controller.</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Controller renders View based on actions as a result of
the User Interactions on the UI.</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 6;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">At its core, you ‘cannot’ test your controller without
instantiating a View. There are ways to get around it using tools.</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">At its core, ASP.NET MVC was designed to make test-driven
development easier. You ‘can’ test your Controller without instantiating a
View and carry out unit-tests without having to run the controllers in an
ASP.NET process.</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 7;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net Web Form has server controls and </span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">WebForms manage state by using view state and server-based
controls.</span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net MVC has html helpers and </span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">ASP.NET MVC does not maintain state information by using
view state</span></div>
</td>
</tr>
<tr style="height: 6.55pt; mso-yfti-irow: 8;">
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net Web Form has file-based URLs means file name
exist in the URLs must have its
physically existence</span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="height: 6.55pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #161616; font-size: 12.0pt; mso-bidi-font-family: Arial; mso-fareast-font-family: "Times New Roman";">Asp.Net MVC has route-based URLs means URLs are divided
into controllers and actions and moreover it is based on controller not on
physical file.</span><span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 119.4pt; mso-yfti-irow: 9;">
<td style="height: 119.4pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">WebForms supports an event-driven programming style that
is like Windows applications and is abstracted from the user. The State
management is made transparent by using sessions, viewstate etc. In the
process, the HTML output is not clean making it difficult to manage later.
The ViewState also increases your page size.</span></div>
</td>
<td style="height: 119.4pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">In ASP.NET MVC, the output is clean and you have full
control over the rendered HTML. The orientation is towards building standard
compliant pages and provides full control over the behavior of an
application.</span></div>
</td>
</tr>
<tr style="height: 107.1pt; mso-yfti-irow: 10;">
<td style="height: 107.1pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Deep understanding of HTML, CSS and JavaScript is not
required to a large extent since the WebForm model abstracts a lot of these
details and provides automatic plumbing. While abstracting details to provide
ease of use, sometimes a solution is overcomplicated, than it needs to be.</span></div>
</td>
<td style="height: 107.1pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">A thorough understanding of how HTML, CSS and JavaScript
work together is required. The advantage is you can do a lot of jQuery and
AJAX stuff in an efficient and simple manner than you would do in an ASP.NET
application.</span></div>
</td>
</tr>
<tr style="height: 93.5pt; mso-yfti-irow: 11;">
<td style="height: 93.5pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">WebForms can drastically reduce time while building up
intranet and internet applications that use a lot of controls (drag and drop
model). Although this is true for development, a lot of time is spent later
to code around limitations.</span></div>
</td>
<td style="height: 93.5pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">You lose the 'drag and drop' quick model of building your
web applications. The focus is on control over the application behavior and
test-driven development. The model is extensible and you do not have to spend
time working around limitations.</span></div>
</td>
</tr>
<tr style="height: 79.8pt; mso-yfti-irow: 12;">
<td style="height: 79.8pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Relatively simple to learn and pickup. Works very well for
developers who initially have trouble with the HTTP/HTML model and are coming
from a similar WinForms oriented event model.</span></div>
</td>
<td style="height: 79.8pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">There is a learning curve to understand the why, when and
how of ASP.NET MVC.</span></div>
</td>
</tr>
<tr style="height: 79.8pt; mso-yfti-irow: 13;">
<td style="height: 79.8pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Lesser amount of code is required to build webapps since a
lot of components are integrated and provided out of the box. You can also
use a lot of data controls provided out of the box that rely on ViewState.</span></div>
</td>
<td style="height: 79.8pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Since the application tasks are separated into different
components, amount of code required is more. Since ASP.NET MVC does not use
ViewState, you cannot use Data controls like GridView, Repeater.</span></div>
</td>
</tr>
<tr style="height: 40.25pt; mso-yfti-irow: 14; mso-yfti-lastrow: yes;">
<td style="height: 40.25pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 247.6pt;" valign="top" width="330"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Works very well for small teams where focus is on rapid
application development.</span></div>
</td>
<td style="height: 40.25pt; padding: 1.5pt 1.5pt 1.5pt 1.5pt; width: 243.9pt;" valign="top" width="325"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">Works well for large projects where focus in on
testability and maintainability.</span></div>
</td>
</tr>
</tbody></table>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; text-align: justify; text-autospace: none; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">11)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt;">How
Asp.Net MVC Framework differs from others?</span><span style="font-size: 12.0pt;"></span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; text-align: justify; text-autospace: none; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Ans: </span></div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l8 level1 lfo10; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">Asp.Net MVC uses a complete Model-View-Controller
Architecture that combines the Controller and thye view in a way that both
meets the dependency of each other and provides loose coupling between these 3
elements.</span><br />
<div style="margin: 12pt 0in 0.0001pt 72.45pt; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></div>
</div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l8 level1 lfo10; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">In many Web
Frameworks such as ASP,JSP,PHP and ASP.NET,The URL represents a Physical file
on disk.In MVC doesn’t necessarily mean a physical location of a static file on
a web server’s hard drive somewhere; it mose certainly doesn’t in the case of
ASP.NET MVC.</span><br />
<div style="margin: 12pt 0in 0.0001pt 72.45pt; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"></span></div>
</div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l8 level1 lfo10; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">The testing
of the architecture can be done by instantiating a View and carrying out the
unit tests without running the controller through the complete cycle.</span><br />
<span style="text-indent: -0.25in;"><span style="font-family: Calibri, sans-serif;"><br /></span></span>
<span style="text-indent: -0.25in;"><span style="font-family: Calibri, sans-serif;"> </span></span><span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">The Control
of MVC on the output is complete and it renders the HTML in a very clean way
and it controls the delay of page load.</span><br />
<div style="margin: 12pt 0in 0.0001pt 1in; text-indent: -0.25in; vertical-align: baseline;">
</div>
</div>
<div style="margin-bottom: .0001pt; margin-bottom: 0in; margin-left: 1.0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; mso-list: l8 level1 lfo10; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: Wingdings; mso-bidi-font-family: Wingdings; mso-fareast-font-family: Wingdings;"><span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">In MVc the
Scaffolding Templates Curd Operation is full worthy component based in MVC
Framework,but JSP is a barebones view technology & Servlet is just a
barebones HTTP Controller API and Comparison of Scaffloding plug-in in JSF.</span><br />
<span style="font-family: Wingdings; text-indent: -0.25in;"><br /></span>
<span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">The MVc
Architecture Provides an orientation towards the standard complaint pages and
control over the behavior of the applications</span><br />
<span style="font-family: Wingdings; text-indent: -0.25in;"><br /></span>
<span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">the knowledge
of many programming language gets reduced and the model can become more
abstract from lots of details that is provided for the ease of use.</span><br />
<span style="font-family: Wingdings; text-indent: -0.25in;"><br /></span>
<span style="font-family: Wingdings; text-indent: -0.25in;">Ø<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-family: Calibri, sans-serif; text-indent: -0.25in;">MVC is not a
language for frontend and backend with a language like PHP or C#/VB.Net and to
get parsed by the Server(PHP,C#/VB) and a languages markups get parsed by the
client browsers(JavaScript/JQuery/HTML/CSS) and you can Mix the two and Parse
to Server.So it’s the open source for .Net.</span><br />
<div style="margin: 12pt 0in 0.0001pt 1in; text-indent: -0.25in; vertical-align: baseline;">
</div>
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">12)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12.0pt;">Explain
the ASP.NET MVC Folder Conventions?</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-family: "ArialNarrow,Bold","sans-serif"; font-size: 10.0pt; mso-bidi-font-family: "ArialNarrow\,Bold";">Folder or File
Description Notes</span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/App_Data
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This
directory is where you put private
IIS will not serve the contents of </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> data, such as
XML files or databases this
directory.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> if you are using SQL Server
Express,</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> SQLite, or
other file-based repositories.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/bin </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">The compiled
assembly for your MVC IIS will not
serve the contents of </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> application
is placed here,along with this
directory. You won’t see the </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> any
referenced assemblies that are
bin directory in the solution </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> not in the
GAC.
explorer window unless you click </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
the </span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Shows
all Files button. t</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">hese are</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
binary files generated on compilation, </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
you should not normally
store them </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
in source control.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Content
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This
is where you put static content This
is a convention but not required.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> such as CSS
files and images. You
can put your static content</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
anywhere that suits you.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Controllers
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This
is where you put your controller
This is a convention. You can put your</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
classes.
controller classes anywhere you like,</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> because
they are all compiled into the</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
same assembly.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Models
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This
is where you put your view
This is a convention. You can define</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
model and domain model classes, your model classes anywhere in the</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
although all but the simplest appl project or in a separate project.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
benefit from defining the domain</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
model in a dedicated project, as we</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
demonstrated for Sports Store.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Scripts
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This
directory is intended to hold the
This is a convention. You can put script</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
JavaScript libraries for your appl. files in any location, as they
are really</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> Visual Studio adds the libraries for just another type of static
content.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
jQuery and Microsoft AJAX helpers by default.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Views </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">This directory
holds views and partial The </span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">/Views/Web.config
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">file
prevents IIS</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
Views, usually grouped together in from serving the content of these</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
Folders named after the controller directories. Views must be
rendered</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
With which they are associated.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">13)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">Explain
the Namespace Classes used in ASP.Net MVC?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Ans:</span><span style="font-size: 12pt;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"> Asp.Net MVC uses the
namespace classes that as follows</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt;">System.Web.Mvc
namespace<span class="apple-converted-space"> </span></span></b><span style="color: #333333; font-size: 12.0pt;"><br />
</span><span style="font-size: 12.0pt;">Contains classes and interfaces that
support the MVC pattern for ASP.NET Web applications. This namespace includes
classes that represent controllers, controller factories, action results,
views, partial views, and model binders.<br />
<b>System.Web.Mvc.Ajax namespace<span class="apple-converted-space"> </span></b><br />
Contains classes that support Ajax scripts in an ASP.NET MVC application. The
namespace includes support for Ajax scripts and Ajax option settings.<br />
<b>System.Web.Mvc.Async namespace</b><span class="apple-converted-space"> </span><br />
Contains classes and interfaces that support asynchronous actions in an ASP.NET
MVC application. The Goal of the asynchronous Classes in controllers to provide
better scalability, especially for complex calculations that take long which
are accessed by many simultaneous<span style="color: #333333;"> users.<br />
</span><b>System.Web.Mvc.Html namespace<span class="apple-converted-space"><span style="color: #333333;"> </span></span></b><span style="color: #333333;"><br />
</span>Contains classes that help render HTML controls in an MVC application.
The namespace includes classes that support forms, input controls, links,
partial views, and validation.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Every Views inherits an </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">Html </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">property from its base class. All of
MVC’s extension methods for</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HtmlHelper </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">live in the </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">System.Web.Mvc.Html </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">namespace.</span><span style="font-size: 12.0pt;"><br />
<br />
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">14)<span style="font-size: 7pt;">
</span></span><span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">Can
you add the own Namespaces in ASP.Net MVC and How?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Ans: </span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"> Yes, You can add your own namespaces i.e Custom Namespaces and Look Like this</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><b><add namespace="My.Custom"/></b></span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><b> </b>So
it'll add the namespace to all of .Cshtml in C# and .Vbhtml in VB files
and also you can chnage Views and you can access for only one view look
like this</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><b><pages pageBaseType = "My.Custom.MVCWebPage /></b></span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">For Example:</span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><pages pageBaseType= “System.Web.Mvc.WebViewPage”></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><namespaces></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><add namespace=”MyCustomNamespace”/></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"></namespaces> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><pages></span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"><br /></span></div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<strong><span style="color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-font-weight: normal; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">15)<span style="font-family: 'Times New Roman'; font-size: 7pt; font-weight: normal;"> </span></span></strong><span style="color: #00b0f0; font-size: 12.0pt;">What are the </span><strong><span style="border: none windowtext 1.0pt; color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-bidi-font-weight: bold; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">return type’s controller
action methods supports in ASP.NET MVC?</span></strong><strong><span style="color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: normal; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">There are total nine return types we can use to
return results from controller to view. The base type of all these result types
is ActionResult.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Controller Convenience Methods That Return ActionResult
Instances</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">1.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">RedirectResult (Redirect): </span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">Used to redirect to
another controller and action method based on a URL and return appropriate URL.</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">2.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">RedirectToRouteResult(</span></strong><b><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectToAction): </span></b><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectToRouteResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which
redirects the user to an action using the supplied route values.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">3.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">RedirectToRouteResult</span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;"> <b>(RedirectToRoute): </b></span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectToRouteResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which
redirects the user to the URL that matches the specified route values.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">4.<span style="font-size: 7pt;">
</span></span><b><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">ViewResult (View): </span></b><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ViewResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which
renders the View to the response. </span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">Used to return a webpage from an action method<span style="color: #555555;">.</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">5.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">PartialviewResult(PartialView): </span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">PartialViewResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which
renders a partial View to the response.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> Used to send a section of a view to be
rendered inside another view.</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">6.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">ContentResult (Content)</span></strong><span class="apple-converted-space"><span style="color: #555555; font-size: 12.0pt; mso-bidi-font-family: Helvetica;">:</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ContentResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which
writes the specified content (string) to the response.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> It means used to
return a custom content type as the result of the action method. This is an
HTTP content type, such as text/plain.</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">7.<span style="font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">FileResult (File)</span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">: </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a
class that derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, which writes binary content to the response.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;">8.<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">JsonResult (Json)</span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">: </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">JsonResult </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">containing
the output from serializing an object to JSON.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> It means used to return a message
formatted as JSON.</span><span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 1in; text-align: justify; text-indent: -0.25in;">
<span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;">9.<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">JavascriptResult (Javascript)</span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">: </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">JavaScriptResult
</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">containing
JavaScript code that is immediately executed when returned to the client. It
means u</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">sed
to return JavaScript code that will be executed.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<b><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">16)<span style="font-size: 7pt; font-weight: normal;"> </span></span></b><span style="color: #00b0f0; font-size: 12.0pt;">How to create an Action method in
Asp.Net MVC?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Calibri","sans-serif"; font-size: 12pt;">Ans: </span><br />
<span style="font-family: "Calibri","sans-serif"; font-size: 12pt;"> Add a simple method inside a Controller class with ActionResult return type.</span><span style="font-family: ProximaNova-Regular; font-size: 9pt;"> </span><span style="font-family: ProximaNova-Regular; font-size: 9pt;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<b><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">17)<span style="font-size: 7pt; font-weight: normal;"> </span></span></b><span style="color: #00b0f0; font-size: 12.0pt;">What is the default Form Method (i.e.
Get or Post) for an Action method in Asp.Net MVC?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"> GET. To
change this you can add an action level attributes e.g(HttpPost)</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraphCxSpFirst" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<strong><span style="color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-font-weight: normal; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">18)<span style="font-family: 'Times New Roman'; font-size: 7pt; font-weight: normal;"> </span></span></strong><span style="color: #00b0f0; font-size: 12.0pt;">What are the </span><strong><span style="border: none windowtext 1.0pt; color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-bidi-font-weight: bold; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">return type’s
controller action results types to perform the methods in ASP.NET MVC?</span></strong><strong><span style="color: #00b0f0; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: normal; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
<div class="MsoListParagraphCxSpLast" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;">Ans:</span></strong></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1056; width: 683px;">
<tbody>
<tr style="height: 16.6pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="border: solid black 1.0pt; height: 16.6pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 16.0pt; mso-bidi-font-family: ProximaNova-Bold;">ACTIONRESULT TYPE</span></b><strong><span style="font-family: "Calibri","sans-serif"; font-size: 16.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; height: 16.6pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 16.0pt; mso-bidi-font-family: ProximaNova-Bold;">DESCRIPTION</span></b><strong><span style="font-family: "Calibri","sans-serif"; font-size: 16.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 25.8pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid black 1.0pt; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ContentResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Writes the specified content directly to the response as
text.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 25.8pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid black 1.0pt; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">EmptyResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Represents a null or empty response. It doesn’t do anything.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 25.8pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid black 1.0pt; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileContentResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileResult </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">and writes
a byte array to the response.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: .35in; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid black 1.0pt; height: .35in; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FilePathResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: .35in; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileResult </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">and writes
a file to the response based on a file path.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 39.05pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid black 1.0pt; height: 39.05pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 39.05pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Serves as the base class for a set of results that
writes a binary response to the stream. Useful for returning files to the
user.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: .35in; mso-yfti-irow: 6;">
<td style="border-top: none; border: solid black 1.0pt; height: .35in; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileStreamResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: .35in; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FileResult </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">and writes
a stream to the response.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 51.7pt; mso-yfti-irow: 7;">
<td style="border-top: none; border: solid black 1.0pt; height: 51.7pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HttpNotFound</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 51.7pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HttpStatusCodeResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">. Returns
an HTTP 404 response code to the client, indicating that the requested
resource is not found.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 12.6pt; mso-yfti-irow: 8;">
<td style="border-top: none; border: solid black 1.0pt; height: 12.6pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HttpStatusCodeResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 12.6pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Returns a user-specifi ed HTTP code</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 64.95pt; mso-yfti-irow: 9;">
<td style="border-top: none; border: solid black 1.0pt; height: 64.95pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HttpUnauthorizedResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 64.95pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Derives from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HttpStatusCodeResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">. Returns
an HTTP 401 response code to the client, indicating that the requestor does
not have authorization to the resource at the requested URL.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: .35in; mso-yfti-irow: 10;">
<td style="border-top: none; border: solid black 1.0pt; height: .35in; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">JavaScriptResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: .35in; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Used to execute JavaScript code immediately on the
client sent from the server.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 39.05pt; mso-yfti-irow: 11;">
<td style="border-top: none; border: solid black 1.0pt; height: 39.05pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">JsonResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 39.05pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Serializes the objects it is given into JSON and writes
the JSON to the response, typically in response to an Ajax request.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 38.4pt; mso-yfti-irow: 12;">
<td style="border-top: none; border: solid black 1.0pt; height: 38.4pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">PartialViewResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 38.4pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">This is similar to </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ViewResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, except it
renders a partial View to the response, typically in response to an Ajax
request.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 51.7pt; mso-yfti-irow: 13;">
<td style="border-top: none; border: solid black 1.0pt; height: 51.7pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 51.7pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Redirects the requestor to another URL by returning
either a temporary redirect code 302 or permanent redirect code 301 depending
upon a Boolean </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">Permanent </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">flag.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 25.8pt; mso-yfti-irow: 14;">
<td style="border-top: none; border: solid black 1.0pt; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectToRouteResult</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Similar to </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">RedirectResult</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">, but
redirects the user to a URL specified via Routing parameters.</span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Times New Roman"; mso-bidi-theme-font: minor-bidi; mso-hansi-theme-font: minor-latin;"></span></strong></div>
</td>
</tr>
<tr style="height: 25.8pt; mso-yfti-irow: 15; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid black 1.0pt; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 207.9pt;" valign="top" width="277"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ViewResult</span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; height: 25.8pt; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 304.0pt;" valign="top" width="405"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Calls into a View engine to render a View to the
response.</span></div>
</td>
</tr>
</tbody></table>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;"><br /></span>
<span style="color: #00b0f0; font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;">19)<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt;">What is Action Filters in Asp.Net MVC?</span><span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Action filters
(locating and injecting filters)</span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular;"> </span><span style="font-size: 12.0pt;">It’s applied for pre and or processing logic to
controller action. Its uses to cross putting logic to your application.</span><span style="font-family: Sabon-Roman; font-size: 9.5pt; mso-bidi-font-family: Sabon-Roman;">
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">MVC
Action filters gave you hooks to execute code before or after an action method
ran. They were implemented as custom attributes that could be applied to
controller actions or to an entire controller. This is especially useful for
application infrastructure concerns like error handling and logging.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Once an action method has been selected, the
action is then executed, and if it returned a result, the result is then
executed. Action filters allow the developer to participate in the action and
result execution pipeline in four ways: for authorization, for pre- and
post-processing of actions, for pre- and post-processing of results, and for
error handling.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Action filters can be written as attributes
that are applied directly to the action methods (or controller classes), or as
standalone classes that are registered in the global filter list. If you intend
to use your action filter as an attribute, it must derive from </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">FilterAttribute
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">(or any
subclass, such as </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">ActionFilterAttribute</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">). A global action filter that is not an attribute
has no base class requirements. Regardless of which route you take, the
filtering activities you support are determined by the interfaces you
implement.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;">20)<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt;">Describe the different types of Action
Filters in ASP.NET MVC?</span><span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"> </span><span style="font-family: "inherit","serif"; font-size: 11.5pt; mso-bidi-font-family: Helvetica;">There are mainly three types of action filters
provided in ASP.NET MVC.<br />
<br />
</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">Authorization Filter</span></strong><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">: It makes security
decisions about whether to execute an action method, such as performing
authentication or validating properties of the request. </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Authorization filters
execute very early in the action pipeline, so they’re appropriately.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
It is <span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">used for activities that short circuit
the entire action execution. T</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">he<strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">AuthorizeAttribute</span></strong></span><span class="apple-converted-space"> class</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> is one example of an
authorization filter. </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"><br />
</span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">Action
and </span></strong><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">Result </span></strong><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">Filter</span></strong><span class="apple-converted-space">:</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">An action filter that wants to participate in
pre- and post-processing of actions should implement the </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">IActionFilter </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">interface. This
interface offers two methods to implement: </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">OnActionExecuting</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">(for pre-processing)
and </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">OnActionExecuted
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">(for
post-processing). Similarly, for pre- and post processing of results, an action
filter should implement </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">IResultFilter</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">, with its two filter methods:</span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">OnResultExecuting
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">and </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">OnResultExecuted</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">.</span><span style="font-family: Sabon-Roman; font-size: 9.5pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">It wraps execution of the ActionResult object.
This filter can perform additional processing of the result, such as modifying
the HTTP response. The<strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">OutputCacheAttribute</span></strong><span class="apple-converted-space"> </span>class is one example of a result
filter.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"><br />
<strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">Execution
Filter</span></strong>: It executes if there is an unhandled exception thrown
somewhere in action method, starting with the authorization filters and ending with
the execution of the result. Exception filters can be used for tasks such as
logging or displaying an error page. The<span class="apple-converted-space"> </span><strong><span style="border: none windowtext 1.0pt; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-border-alt: none windowtext 0in; mso-hansi-theme-font: minor-latin; padding: 0in;">HandleErrorAttribute</span></strong><span class="apple-converted-space"> </span>class is one example of an exception
filter.<br />
<br />
</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">Apart from the readymade action filters
provided by ASP.NET MVC, you can also implement your own action filter by
inheriting ActionFilterAttribute abstract class. It has four virtual methods
that you can override: OnActionExecuting, OnActionExecuted, OnResultExecuting
and OnResultExecuted. To implement an action filter, you must override at least
one of these methods.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Developers often use exception filters to
perform some sort of logging of the errors, notification of the system
administrators, and choosing how to handle the error from the end user’s
perspective (usually by sending the user to an error page)</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">21) Give an Example for Authorization Filtes in an Asp.Net MVC Application ? </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Ans: </span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> 1. ReuireHttpsAttribute</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> 2. AuthorizeAttribute</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">22 Give an Example for Result Filters in an Asp.Net MVC Application ? </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Ans: </span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> OutputCacheAttribute</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"><br /></span></div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">23 Which Filters Excutes First in an Asp.Net MVC Application ? </span><br />
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Ans: </span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> Authorization filter</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"><br /></span></div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">24 Which filters are executed in the end ?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Ans: </span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"> Exception Filters</span><br />
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;"><br /></span></div>
<div class="MsoListParagraph" style="margin: 0in 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in;">
<span style="color: #00b0f0; font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular; mso-fareast-font-family: ProximaNova-Regular;">25)<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt;">What are The HTML Helpers in ASP.NET
MVC?</span><span style="font-family: ProximaNova-Regular; font-size: 9.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">Every Razor view
inherits an </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">Html
</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">property
from its base class. The </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">Html </span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">property is of type </span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">System.Web.Mvc</span><span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">.</span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">HtmlHelper.</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div style="text-align: justify; text-justify: inter-ideograph;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: ProximaNova-Regular; mso-hansi-theme-font: minor-latin;"> </span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-hansi-theme-font: minor-latin;">In MVC, HTML Helpers are much like
traditional ASP.NET web form controls. Just like web form controls in ASP.NET,
HTML helpers are used to modify HTML. But HTML helpers are more lightweight.
Unlike Web Form controls, an HTML helper does not have an event model and a
view state. In most cases, an HTML helper is just a method that returns a
string. With MVC, you can create your own helpers, or use the built in HTML
helpers. </span><span style="font-family: Calibri, sans-serif;">MVC includes standard
helpers for the most common types of HTML elements, like HTML links and HTML
form elements.</span><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Helvetica; mso-hansi-theme-font: minor-latin;">To name a few there is BeginForm(), EndForm(), TextBox(),
TextArea(), ListBox(), RadioButton(), etc.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">Detailed Description:<br />
<br />
</span></b><b><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">The MVC Templated HTML Helpers</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184; width: 673px;">
<tbody>
<tr>
<td style="border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Helper</span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Example</span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Description</span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Display</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.Display("FirstName")</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders a read-only view of the specified model property,
choosing an HTML element according to the property’s type and metadata</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">DisplayFor</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.DisplayFor(x =>x.FirstName)</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Strongly typed version of the previous helper</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Editor</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.Editor("FirstName")</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders an editor for the specified model property, choosing
an HTML element according to the property’s type and metadata</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">EditorFor</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.EditorFor(x =>x.FirstName)</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Strongly typed version of the previous helper</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Label</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.Label("FirstName")</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders an HTML </span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;"><label> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">element
referring to the specified model property</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">LabelFor </span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.LabelFor(x => x.FirstName)</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Strongly typed version of the previous helper</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">DisplayText</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.DisplayText("FirstName")</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Bypasses all templates and renders a simple </span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">string </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">representation
of the specified model property</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">DisplayTextFor</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.DisplayTextFor(x =></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">x.FirstName)</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Strongly typed version of the previous helper</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">The MVC Scoffolding Templated HTML Helpers</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoTableGrid" style="border-collapse: collapse; border: none; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-padding-alt: 0in 5.4pt 0in 5.4pt; mso-yfti-tbllook: 1184; width: 673px;">
<tbody>
<tr>
<td style="border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Helper</span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Example</span></div>
</td>
<td style="border-left: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-themecolor: text1; mso-border-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Description</span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">DisplayModelFor</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.DisplayModelFor ()</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders a read-only view of the entire model object</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">EditorForModel</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.EditorForModel()</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders editor elements for the entire model object</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid black 1.0pt; mso-border-alt: solid black .5pt; mso-border-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 108.9pt;" valign="top" width="145"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">LabelForModel</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 202.5pt;" valign="top" width="270"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">Html.LabelForModel()</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
<td style="border-bottom: solid black 1.0pt; border-left: none; border-right: solid black 1.0pt; border-top: none; mso-border-alt: solid black .5pt; mso-border-bottom-themecolor: text1; mso-border-left-alt: solid black .5pt; mso-border-left-themecolor: text1; mso-border-right-themecolor: text1; mso-border-themecolor: text1; mso-border-top-alt: solid black .5pt; mso-border-top-themecolor: text1; padding: 0in 5.4pt 0in 5.4pt; width: 193.5pt;" valign="top" width="258"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Renders an HTML </span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;"><label> </span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">element
referring to the entire model object</span><span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;"></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #00b0f0; font-family: ProximaNova-Regular; font-size: 9pt; text-indent: -0.25in;">26)<span style="font-family: 'Times New Roman'; font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">What is Routing?</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span><br />
<span style="line-height: 21pt;"> </span><span style="font-family: "Calibri","sans-serif"; line-height: 21pt;">A route is a URL pattern that is
mapped to a handler. The handler can be a physical file, such as an .aspx file
in our web application. Routing module is responsible for mapping incoming
browser requests to particular MVC controller actions.</span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">When you create a new ASP.NET MVC application, the
application is already configured to use ASP.NET Routing. ASP.NET Routing is
setup in two places.</span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<b><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">First,</span></b><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">
ASP.NET Routing is enabled in your application's Web configuration file
(Web.config file). There are four sections in the configuration file that are
relevant to routing: </span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-list: l7 level1 lfo12; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">1)<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">the system.web.httpModules section, </span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-list: l7 level1 lfo12; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">2)<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;"> the
system.web.httpHandlers section,</span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-list: l7 level1 lfo12; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">3)<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;"> the
system.webserver.modules section, and</span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: .5in; margin-right: 0in; margin-top: 0in; mso-list: l7 level1 lfo12; text-align: justify; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">4)<span style="font-family: 'Times New Roman'; font-size: 7pt; line-height: normal;">
</span></span><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;"> the
system.webserver.handlers section. </span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: .25in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">Be careful not to delete these sections because
without these sections routing will no longer work.</span></div>
<div style="line-height: 12.35pt; margin-bottom: 12.25pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<b><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">Second,</span></b><span style="color: #222222; font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: "Segoe UI"; mso-hansi-theme-font: minor-latin;">
and more importantly, a route table is created in the application's Global.asax
file. The Global.asax file is a special file that contains event handlers for
ASP.NET application lifecycle events. The route table is created during the
Application Start event.</span></div>
<div style="line-height: 21.0pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="color: #00b0f0; line-height: 21pt; text-indent: -0.25in;">27)<span style="font-size: 7pt; line-height: normal;">
</span></span><span style="color: #00b0f0; font-size: 12pt; line-height: 21pt; text-indent: -0.25in;">How
you define the routing system and describe?</span></div>
<div class="MsoListParagraph" style="line-height: 21.0pt; margin-bottom: 12.0pt; margin-left: .25in; margin-right: 0in; margin-top: 12.0pt; mso-add-space: auto; mso-layout-grid-align: none; mso-list: l10 level1 lfo1; text-align: justify; text-autospace: none; text-indent: -.25in; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 21.0pt; margin-bottom: 12.0pt; margin-left: 0in; margin-right: 0in; margin-top: 12.0pt; mso-layout-grid-align: none; text-align: justify; text-autospace: none; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: ProximaNova-Regular;">Ans:</span><br />
<span style="font-size: 12pt;">Every ASP.NET MVC application needs at
least one route to define how the application should handle requests but
usually will end up with a handful or more. It’s conceivable that a very
complex application could have dozens of routes or more.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify; text-indent: 0.5in;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Sabon-Roman;">You’ll see how to define routes Route
definitions start with the URL pattern, which specifies the pattern that the
route will match. Along with the route URL, routes can also specify default
values and constraints for the various parts of the URL, providing tight
control over how and when the route matches incoming request URLs. Routes can
also have names which are associated with the route when that route is added to
a route collection. We’ll cover named routes a bit later.</span><span style="font-family: Sabon-Roman; font-size: 9.5pt; mso-bidi-font-family: Sabon-Roman;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Sabon-Roman; font-size: 9.5pt; mso-bidi-font-family: Sabon-Roman;">Ex :</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: blue; font-family: Consolas;">public</span><span class="apple-converted-space"><span style="font-family: Consolas;"> </span></span><span style="color: blue; font-family: Consolas;">static</span><span class="apple-converted-space"><span style="font-family: Consolas;"> </span></span><span style="color: blue; font-family: Consolas;">void</span><span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;"> RegisterRoutes(RouteCollection routes)</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">{</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">routes.MapRoute(“JaganContoller”,
“{first}/{second}/{third}”);</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: WileyCode-Regular;">} </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: blue; font-family: Consolas;">public</span><span class="apple-converted-space"><span style="font-family: Consolas;"> </span></span><span style="color: blue; font-family: Consolas;">static</span><span class="apple-converted-space"><span style="font-family: Consolas;"> </span></span><span style="color: blue; font-family: Consolas;">void</span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;"> RegisterRoutes(RouteCollection
routes)</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">{</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">routes.IgnoreRoute("{resource}.axd/{*pathInfo}");</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">routes.MapRoute(</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">"Default", // Route name</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">"{controller}/{action}/{id}", // URL with
parameters</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">new { controller = "</span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConBlack;">MVC</span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">",
action = "</span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConBlack;">ListOfQuestions</span><span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">", id =
UrlParameter.Optional }</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: TheSansMonoConNormal;">);</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">The ASP.NET routing system is used by MVC to handle <b>incoming</b> requests from clients, but it
also requests <b>outgoing</b></span><i><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Italic;"> </span></i><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">URLs that conform
to our URL scheme and that we can embed in web pages. This way, we make sure
that all of the URLs in the application are consistent.</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Generate <b>outgoing</b></span><i><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Italic;"> URLs</span></i><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">. These are the URLs that appear in the
HTML rendered</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">from our views so that a specific action will be invoked when
the user clicks the</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">link (at which point, it has become an incoming URL again).</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">we will focus on defining routes and using them to process <b>incoming</b></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">URLs so that the user can reach your controllers and actions.
Then we’ll show you how to use those same routes to generate the outgoing URLs
you will need to include in your HTML.</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;"><br /></span>
<span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">28)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12pt; text-indent: -0.25in;">How route table is created in asp.net
mvc?</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:
When an MVC Application first start, The Application_start() method is
called.This method,in turn, calls the RegisterRoutes() method.The
RegisterRoutes() method creates the route table object in route table
collection.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">29 What is the difference between adding routes, to a webform application and to an MVC application ?</span><br />
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><br /></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:
To add routes to a webform application, we use MapPageRoute() method of
the RouteCollection class, where as to add routes to an MVC
appilication we use MapRoute method().</span><span style="font-size: 12pt;"> </span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">30)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt;">What are the 3 things that are needed to
specify name?</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<b><span style="font-size: 12pt;">1.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b><span class="apple-style-span"><b><span>URL</span></b></span><span class="apple-converted-space"><b><span style="font-size: 12pt;"> </span></b></span><span class="apple-style-span"><b><span style="font-size: 12pt;">Pattern</span></b></span><span class="apple-style-span"><span style="font-size: 12pt;"> - You can include
placeholders in a URL pattern so that variable data can be passed to the request
handler without requiring a query string.</span></span><span style="font-size: 12pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span class="apple-style-span"><b><span style="font-size: 12pt;">2.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b></span><span class="apple-style-span"><b><span style="font-size: 12pt;"> Handler</span></b></span><span class="apple-style-span"><span style="font-size: 12pt;"> - The handler can be a physical file such as an .aspx file or a
controller class.</span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span class="apple-style-span"><b><span style="font-size: 12pt;">3.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b></span><span class="apple-style-span"><b><span style="font-size: 12pt;">Name for the Route</span></b></span><span class="apple-style-span"><span style="font-size: 12pt;"> - Name is optional.</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: left; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">31)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 16px; text-align: justify; text-indent: -24px;">What are 3 segments of the default route, which is present in an ASP.NET MVC application?</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt 0.5in; text-align: justify; vertical-align: baseline;">
<span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Ans: </span></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt 0.5in; text-align: justify; vertical-align: baseline;">
<span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">1st Segment - Controller
Name(Route Name)</span></span><span style="font-size: 12pt;"><br />
<span class="apple-style-span">2nd Segment -
Action Method Name</span><br />
<span class="apple-style-span">3rd Segment -
Parameter that is passed to the action method</span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: Consolas; font-size: 9.5pt;"> </span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Consolas;">routes.MapRoute(</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Consolas;"> <span style="color: #a31515;">"Default"</span>,
<span style="color: green;">// Route name</span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #a31515; font-size: 12.0pt; mso-bidi-font-family: Consolas;">"{controller}/{action}/{id}"</span><span style="font-size: 12.0pt; mso-bidi-font-family: Consolas;">, <span style="color: green;">// URL with parameters</span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Consolas;"> <span style="color: blue;">new</span>
{ controller = <span style="color: #a31515;">"Home"</span>, action = <span style="color: #a31515;">"Index"</span>, id = <span style="color: #2b91af;">UrlParameter</span>.Optional
} <span style="color: green;">// Parameter defaults</span> );</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">32)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">What is the
use of the following<span class="apple-converted-space"> </span>default
route?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: 0.25in; vertical-align: baseline;">
<span class="apple-style-span"><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">{resource}.axd/{*pathInfo}</span></span><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"><br />
<span class="apple-style-span">This route
definition, prevent requests for the Web resource files such as WebResource.axd
or ScriptResource.axd from being passed to a controller.</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">33)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">Where the
routing rules are defined in an asp.net MVC<span class="apple-converted-space"> </span>application?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> When
application start,The Appilication_start event occurred and </span><span style="font-size: 12.0pt; mso-bidi-font-family: Consolas;">RegisterRoutes value
will be defined</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">
in Global.aspx</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">34)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">Is the
following route definition a valid route definition?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span class="apple-style-span"><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">{controller}{action}/{id}</span></span><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"><br />
<span class="apple-style-span">No, the above
definition is not a valid route definition, because there is no literal value
or delimiter between the placeholders. Therefore, routing cannot determine
where to separate the value for the controller placeholder from the value for
the action placeholder.</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">35)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">How do you
handle variable number of segments in a route definition?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span class="apple-style-span"><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Use a route with a </span></span><span class="apple-style-span"><span style="color: maroon; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">catch-all</span></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial;"> parameter. An example is shown below. </span></span><span class="apple-style-span"><span style="color: maroon; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">*</span></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial;"> is referred to as </span></span><span class="apple-style-span"><span style="color: maroon; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">catch-all</span></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial;"> parameter.</span></span><span style="background-position: initial initial; background-repeat: initial initial;"><br />
<span class="apple-style-span">controller/{action}/{*parametervalues}</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">36)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">What are the
2 ways of adding constraints to a route?</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span class="apple-style-span"><b><span style="color: #333333; font-size: 11.5pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">1.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial; font-size: 11.5pt;">Use regular
expressions</span></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span class="apple-style-span"><b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">2.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial; font-size: 11.5pt;">Use an
object that implements IRouteConstraint interface</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">37)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">Give 2
examples for scenarios when routing is not applied?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span class="apple-style-span"><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 58.5pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span class="apple-style-span"><b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">1.<span style="font-size: 7pt; font-weight: normal;"> </span></span></b></span><span class="apple-style-span"><b><span style="background-position: initial initial; background-repeat: initial initial; font-size: 11.5pt;">A Physical
File is Found that Matches the URL Pattern</span></b></span><span class="apple-style-span"><span style="background-position: initial initial; background-repeat: initial initial; font-size: 11.5pt;"> -
This default behaviour can be overriden by setting the RouteExistingFiles
property of the RouteCollection object to true.</span></span><span style="font-size: 11.5pt;"><br />
<span class="apple-style-span"><b>2. Routing Is
Explicitly Disabled for a URL Pattern</b> -
Use the RouteCollection.Ignore() method to prevent routing from handling
certain requests.</span></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">38)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt;">What is Data Annotations?</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span style="font-size: 12.0pt; mso-bidi-font-family: TimesNewRomanPSMT;">The MVC
Framework can perform client-side validation based on the data annotations we
applied to the domain model class.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; text-indent: 0.25in; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;">Data Annotations are validation mechanism we can use to validate our
data stored in form of Entity Data Model, LINQ to SQL or any other data models.
We can use it in form of attributes to our properties of mode class. These
attributes provide common validation patterns, such as range checking and
required fields. Once we apply these attributes to our model class, ASP.NET MVC
will provide both client and server side validation checks with no additional
coding required. You can also implement your custom Data Annotation Validator
by inheriting ValidationAttribute class and overriding IsValid method. To name
a few there is <b>RangeAttribute,</b> <b>RequiredAttribute, StringLengthAttribute,
RegularExpressionAttribute, etc.</b></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; text-indent: 0.25in; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">The core library provides server-side validation attributes
that can be used in any .NET 4.0 project (no MVC dependency). There is also an
easily pluggable client-side validation library which can be used in ASP.NET
MVC 3 projects using unobtrusive jquery validation (only MVC3 included
javascript files are required).</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; text-indent: 0.25in; vertical-align: baseline;">
<span style="font-size: 12.0pt;">Validation
of user input is integral to building a modern web application, and ASP.NET MVC
offers us a way to enforce business rules on both the client and server using
Model Validation. The recent release of ASP.NET MVC 3 has improved these offerings
on the client side by introducing an unobtrusive validation library built on
top of jquery.validation. Out of thebox MVC comes with support for Data
Annotations (that is, system.ComponentModel. DataAnnotations) and can be
extended to support other frameworks. Data Annotations Validation is
becoming more popular and is being baked in to many other Microsoft offerings,
including Entity Framework, though with MVC it only contains four <b>validators</b>:<b> Range, Required, StringLength and Regular Expression.</b> The
Data Annotations Extensions project attempts to augment these validators with
additional attributes while maintaining the clean integration Data Annotations
provides.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Helvetica;"></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">39)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">Is it possible to combine ASP.NET webforms and ASP.MVC and develop a<span class="apple-converted-space"> </span><span class="ilad">single</span><span class="apple-converted-space"> </span>web application</span><span style="color: #00b0f0; font-size: 12.0pt;">?</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Yes, it is possible to combine ASP.NET webforms
and ASP.MVC and develop a<span class="apple-converted-space"> </span>single<span class="apple-converted-space"> </span>webapplication.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">40)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">Which approach provides better support for<span class="apple-converted-space"> </span><span class="ilad">test driven
development</span><span class="apple-converted-space"> </span>- ASP.NET MVC
or ASP.NET Webforms</span><span style="color: #00b0f0; font-size: 12.0pt;">?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:
</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">ASP.NET MVC</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">41)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">Is it possible to unit test an MVC<span class="apple-converted-space"> </span>application<span class="apple-converted-space"> </span>without running the controllers in an
ASP.NET process?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Yes, all the features in an asp.net MVC<span class="apple-converted-space"> </span>application<span class="apple-converted-space"> </span>are interface based and hence mocking
is much easier. So, we don't have to run the controllers in an ASP.NET process
for unit testing.</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">42)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">Is it possible to share a view across multiple controllers?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Yes,
put the view into the shared folder. This will automatically make the view
available across multiple controllers.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">43)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What is the significance of NonActionAttribute?</span><span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Utopia-Regular;"> </span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">In
general, all public methods of a controller class are treated as action
methods. If you want prevent this default behaviour, just decorate the public
method with NonActionAttribute.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">44)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">What symbol
would you use to denote, the start of a code block in razor views?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> @</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">45)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">What symbol
would you use to denote, the start of a code block in aspx views?</span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> <%=%></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">46)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">In razor syntax, what is the escape sequence character for @ symbol?</span><span style="color: #00b0f0; font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;"> The escape
sequence character for @ symbol, is another @ symbol</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">47)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">When using razor views, do you have to take any special steps to protect
your asp.net mvc application from cross site scripting (XSS) attacks?</span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">No, by default content emitted using a @ block is
automatically HTML encoded to protect from cross site scripting (XSS) attacks.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">48)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-weight: bold; mso-hansi-font-family: Calibri;">When using
aspx view engine, to have a consistent look and feel, across all pages of the
application, we can make use of asp.net master pages. What is asp.net master
pages equivalent, when using razor views?</span><span style="color: #00b0f0; font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">To have a consistent look and feel when using razor views, we
can make use of layout pages. Layout pages, reside in the shared folder, and
are named as _Layout.cshtml</span><span style="color: #00b0f0; font-size: 12.0pt;">.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">49)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">How do you specify comments using razor syntax?</span><span style="color: #00b0f0; font-size: 12.0pt;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Razor syntax makes use of @* to indicate the begining of a
comment and *@ to indicate the end. An example is shown below.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">50)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What are sections?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Layout pages, can define sections, which can then be
overriden by specific views making use of the layout. Defining and overriding
sections is optional.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">51)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What is Repository Pattern in ASP.Net MVC?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> </span><span style="mso-bidi-font-family: Arial;">The Repository will delegate to the appropriate
infrastructure services to get the job done.</span><span style="font-size: 12.0pt;">It uses mechanism of encapsulating that storage, retrieval
& query for the implementation of the repository.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;"> It allows easy testing in the form of unit
testing & mock testing.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Repository
pattern is used as a default entity operation that allows the decoupling of the
components used for presentation.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Repository
pattern will have the proper infrastructure services to be used in the web applications.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">Repository
patterns are hard coded in the application that is to be used in ASP.NET MVC
architecture.<span class="apple-converted-space"> </span></span><span style="font-size: 12.0pt;"></span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">52)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What is difference between TempDate and ViewData and ViewBag Pattern in
ASP.Net MVC?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"> TempData : </span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">TempData is also a dictionary derived
from TempDataDictionary class and stored in short lives session and it is a
string key and object value.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">TempData keep the information for
the time of an HTTP Request. This mean only from one page to another.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span class="apple-converted-space"><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";"> </span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">It requires typecasting for complex
data type and check for null values to avoid error.<span class="apple-converted-space"> It’s used to store one time messages like
error messages,validation messages.</span></span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">Helps to maintain data when you move
from one controller to other controller or from one action to other action. In
other words when you redirect, “Tempdata” helps to maintain data between those
redirects.</span><span style="color: #111111; font-family: "Segoe UI","sans-serif";"> </span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">It internally uses session
variables.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoListParagraphCxSpLast" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">It’s life is very short and lies
only till the target view is fully loaded.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"> ViewData : </span></div>
<div class="MsoListParagraphCxSpFirst" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12pt;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">ViewData is a dictionary object that you put data into, which
then becomes available to the view.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">ViewData is a derivative of
the ViewDataDictionary class, so you can access by the familiar
"key/value" syntax. </span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">ViewData is used to pass
data from controller to corresponding view.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">Its required typecasting for
complex data type and check for null values to void error.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">Its life lies only during
the current request.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">If redirection occurs then
it’s value becomes null.</span></div>
<div class="MsoListParagraphCxSpLast" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 78.75pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">Helps to
maintain data when you move from controller to view.</span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt 0.5in; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;">ViewBag
:</span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 79pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">ViewBag is a
dynamic property that takes advantage of the new dynamic features in C# 4.0.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 79pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">ViewBag
doesn’t require typecasting for complex data type.</span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;"></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 79pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #111111; font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Viewbag
is </span><span style="font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">used to pass data from controller to
corresponding view.<span style="color: #111111;"></span></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 79pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #111111; font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Helps
to maintain data when you move from controller to view.</span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"></span></div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin: 12pt 0in 0.0001pt 79pt; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #111111; font-family: Symbol; font-size: 12.0pt; mso-bidi-font-family: Symbol; mso-fareast-font-family: Symbol;">·<span style="font-family: 'Times New Roman'; font-size: 7pt;">
</span></span><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">It’s life aslo
lies only during the current request.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="color: #111111; font-family: "Segoe UI","sans-serif";">Note </span></b><b><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";">:</span></b><span style="color: #111111; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI";"> TempData need more verification to never have
any confidential information. Regarding ViewData or ViewBag you should use it
intelligently for application performance. Because each action goes through the
whole life cycle of regular asp.net mvc request. You can use ViewData/ViewBag
in your child action but be careful that you are not using it to populate the
unrelated data which can pollute your controller.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="background-position: initial initial; background-repeat: initial initial; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">ViewData VS ViewBag VS TempData</span></b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"><br />
</span></div>
<table border="1" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="border-collapse: collapse; mso-yfti-tbllook: 1184; width: 80%px;">
<tbody>
<tr style="height: 24.75pt; mso-yfti-firstrow: yes; mso-yfti-irow: 0;">
<td style="background: black; height: 24.75pt; mso-background-themecolor: text1; padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="color: white; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"> ViewData</span></b><span style="color: white; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-themecolor: background1;"></span></div>
</td>
<td style="background: black; height: 24.75pt; mso-background-themecolor: text1; padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="color: white; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"> ViewBag</span></b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="background: black; height: 24.75pt; mso-background-themecolor: text1; padding: .75pt .75pt .75pt .75pt;"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="color: white; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";"> TempData</span></b><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 15.0pt; mso-yfti-irow: 1;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">It is
Key-Value Dictionary collection</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">It is a type
object</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">It is
Key-Value Dictionary collection</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 30.0pt; mso-yfti-irow: 2;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewData is a
dictionary object and it is property of ControllerBase class</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewBag is
Dynamic property of ControllerBase class.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">TempData is a
dictionary object and it is property of controllerBase class.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 15.0pt; mso-yfti-irow: 3;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewData is
Faster than ViewBag</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewBag is
slower than ViewData</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 15.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">NA</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 30.0pt; mso-yfti-irow: 4;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewData is
introduced in MVC 1.0 and available in MVC 1.0 and above</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewBag is
introduced in MVC 3.0 and available in MVC 3.0 and above</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">TempData is
also introduced in MVC1.0 and available in MVC 1.0 and above.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 30.0pt; mso-yfti-irow: 5;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewData
is also work with .net framework 3.5 and above</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">ViewBag
is only work with .net framework 4.0 and above</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 30.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">TempData
is also work with .net framework 3.5 and above</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 45.0pt; mso-yfti-irow: 6;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">Type
Conversion code is required while enumerating</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">In depth,
ViewBag is used dynamic, so there is no need to type conversion while
enumerating.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">Type
Conversion code is required while enumerating</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 45.0pt; mso-yfti-irow: 7;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">It value
become null if redirection is occurred.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">Same as
ViewData</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 45.0pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">TempData is
used to pass data between two consecutive requests.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
<tr style="height: 28.75pt; mso-yfti-irow: 8; mso-yfti-lastrow: yes;">
<td style="border-top: none; border: solid windowtext 1.0pt; height: 28.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 176.0pt;" valign="top" width="235"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">It lies only
during the current request.</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 28.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 162.4pt;" valign="top" width="217"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-size: 12pt;">Same as
ViewData</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
<td style="border-bottom: solid windowtext 1.0pt; border-left: none; border-right: solid windowtext 1.0pt; border-top: none; height: 28.75pt; padding: 0in 5.4pt 0in 5.4pt; width: 168.6pt;" valign="top" width="225"><div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
<span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Segoe UI"; mso-fareast-font-family: "Times New Roman";">TempData is
only work during the current and subsequent request</span><span style="color: #333333; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";"></span></div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">53)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What are the areas in mvc?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Ans:</span></div>
<div style="line-height: 13.0pt; margin-bottom: .0001pt; margin: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<b><span style="border: 1pt none windowtext; font-family: Calibri, sans-serif; padding: 0in;">Controllers</span></b><span style="font-family: Calibri, sans-serif;"> should
only be responsible for interacting with views. That is, instantiating and
populating model objects, retrieving data from your business objects or data
access layer, responding to any requests from the page (form submissions, AJAX
requests, interface to dynamic resource creation methods/classes (such as
creating CAPTCHAs or other dynamic images)), etc. If you stick to that
philosophy, their size and complexity should never exceed that of your views.</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<b><span style="border: 1pt none windowtext; font-size: 12pt; padding: 0in;">Areas</span></b><span style="font-size: 12pt;"> I tend to use areas to break up the application into
sub-applications. For instance, a site may have a discussion forum, Employee
Category, Department Category, Company information, support database, etc, all
of which would be separate areas:</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Employee</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Department</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Support</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/CompanyInfo</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">Then, in each area,U
might have some methods</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Employee/{Views|Controllers}</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Employee/EmployeeList</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">/areas/Employee/EmployeeContactList</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">etc</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Just as in a webforms
site where each folder represented a distinct "area" of the website,
areas provide another level of organization that lets you keep related
controllers, views, etc in a common location, and should be used in a similar
fashion.</span><span style="font-size: 12pt;"></span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">We use areas to distinguish notable <i><span style="border: none windowtext 1.0pt; mso-border-alt: none windowtext 0in; padding: 0in;">separate concerns</span></i> within the application.
Especially separate concerns that may require unique authentication or
layout/styling for each area. </span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">For example, I'm working on an application that has
"modules" of sorts. Each module is an mvc area and each module as a
setup section that is also an mvc area. The application has three modules, so
that is a total of six areas -- with six user rights to go along with them.
This allows each module to have a new "master page/layout"
(appearance) and a specific security level.</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: 12.0pt; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">It helps in
separating the code as well; code in Areas has nothing to do with code in
AreaB, but sometimes AreaA and AreaB use common code found in the root of the
project.</span></div>
<div class="MsoNormal" style="line-height: 13.0pt; margin-bottom: 12.0pt; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-size: 12pt;">The non-area parts of the site have things like the
user-login, error pages (404, etc), the main "launcher" area to enter
the modules, exception handing, and other encompassing things that cross-cut
across any of the mvc areas.</span></div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">54)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">Whether Razor Views are Precompiled Or not ? and What is the use
of precomilation of Views?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> By Default, the operating of Comiling a Razor view is close enough to that
used by WebForms Views.This Means that processes and compiles the views of an
ASP.NET MVC Application as late as possible,it is called JIT(Just In Time).</span><span style="background-position: initial initial; background-repeat: initial initial; border: 1pt none windowtext; font-size: 12pt; padding: 0in;">As late as
possible" meaning when a reply using the view in question must be returned
to a client.<span class="apple-converted-space"> </span>Once this stage of
compilation is complete, the result is cached in the temporary directory of the
IIS site, and future clients accessing this resource will not cause a new
compilation.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; text-indent: 0.5in; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; border: 1pt none windowtext; font-size: 12pt; padding: 0in;">Obviously, the time of compilation of views
will now be passed on to the position of each developer on the team.<span class="apple-converted-space"> </span>A hybrid solution would be to compile
the views, nor at runtime or on the position of each developer, but during the
compilation process of continuous integration.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; text-indent: 0.5in; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; border: 1pt none windowtext; font-size: 12pt; padding: 0in;">One Reason used by precompilation than at
runtime compilation.You no longer need to deploy the cshtml views at all.and
ability to unti test your views ,which has always been something very difficult
with standard runtime compilation model.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">55)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What is Globalization and
Internationalization and Localization in ASP.NET MVC3 ?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;">Ans:</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"> </span></b><b><span style="font-size: 12.0pt;">Internationalization<span class="apple-converted-space"> : </span></span></b><span style="font-size: 12.0pt;">Making your application able to
support a range of languages and locales. It </span><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;">involves<span class="apple-converted-space"> </span><strong><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;">Globalization</span></strong><span class="apple-converted-space"> </span>and<span class="apple-converted-space"> </span><strong><span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;">Localization.</span></strong></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;"> Globalization</span></strong><span class="apple-converted-space"><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"> <b>: </b>The processing of making an application
for a given language and regions (culture).</span></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span class="apple-converted-space"><span style="font-size: 12.0pt; mso-bidi-font-family: Arial;"> </span></span><strong><span style="font-family: "Calibri","sans-serif"; font-size: 12.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-family: Arial; mso-hansi-theme-font: minor-latin;">Localization : </span></strong><span style="font-size: 12.0pt;">Making your application support a specific
language/localizable format.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-size: 12.0pt;">Note :</span></b><span style="font-size: 12.0pt;"> Some of the companies said Like
IBM and Microsystems, use the term “Globalization” for the combination of </span><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">internationalization
and localization. As i described according Microsoft.</span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraph" style="margin: 12pt 0in 0.0001pt 0.25in; text-align: justify; text-indent: -0.25in; vertical-align: baseline;">
<span style="color: #00b0f0; font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-bidi-font-family: Calibri; mso-fareast-font-family: Calibri; mso-hansi-font-family: Calibri;">56)<span style="font-size: 7pt;"> </span></span><span style="color: #00b0f0; font-size: 12.0pt; mso-bidi-font-weight: bold;">What is JSON Hijacking in ASP.NET
MVC3 and How will you use JSON Hijacking?</span><span style="font-size: 12.0pt; mso-ascii-font-family: Calibri; mso-hansi-font-family: Calibri;"></span></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 12.0pt;">Ans:</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif;">Json stands for javascript object notation which
is used to interchange data between various languages a typical example is any
server side language like c#,vb.net with Javascript.</span><span style="font-family: "Calibri","sans-serif"; font-size: 14.0pt; mso-ascii-theme-font: minor-latin; mso-bidi-font-size: 12.0pt; mso-hansi-theme-font: minor-latin;"> </span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif;">whenever you make an Ajax Call to retrieve some sort of data then the
best format to retrieve data is Json which is string:value pair.</span></div>
<div class="MsoNormal" style="line-height: 12.0pt; margin-bottom: .0001pt; margin-bottom: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph;">
<span style="font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman";">IF any request has been blocked
means sensitive information could be
disclosed to third party web sites when this is used in a GET request. To allow
GET requests, set JsonRequestBehavior to AllowGet.</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"><br />
Its because Json only allow Json Post(as its
more secure) Request but deny Get request because confidential information can
not be retrieve using get request.</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">JSON
(pronounced like the English name, Jason) hijacking is a rare hack similar to
XSRF, except it’s targeted to request secure JSON from vulnerable applications.
The JSON hijacking process involves several steps:</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">1. A
conspiring site, via JavaScript, instructs the victim’s browser to request some
secure JSON data from another site.</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">2. The evil
JavaScript receives the JSON data.</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">3. If the
JSON is formatted as an array, the evil script can exploit browser JavaScript
processing code to read the JSON data and transmit it back to the attacking
site.</span></div>
<div style="line-height: 18.0pt; margin-bottom: .25in; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Solution For
JSON Hijacking : </span></div>
<h4 style="line-height: 18.0pt; margin-bottom: 15.0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="font-family: "Calibri","sans-serif"; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;"> </span><span style="font-family: "Calibri","sans-serif"; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-hansi-theme-font: minor-latin;">Allow JSON via POST only</span><span style="font-family: "Calibri","sans-serif"; font-weight: normal; mso-ascii-theme-font: minor-latin; mso-bidi-font-weight: bold; mso-hansi-theme-font: minor-latin;"> The solution to this exploit offered by
ASP.NET MVC 2 is to only accept requests for JSON data by HTTP POST requests, rather
than by GETs. This is baked into and enforced by the standard JsonResult action
result that ships with the framework. If we were to request data to be returned
by JsonResult with a GET request, we wouldn’t receive the JSON data.</span></h4>
<h4 style="line-height: 18.0pt; margin-bottom: 15.0pt; margin-left: 0in; margin-right: 0in; margin-top: 0in; text-align: justify; text-indent: .5in; text-justify: inter-ideograph; vertical-align: baseline;">
<span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif; font-weight: normal;">Implementing data in JSON response array by exposing
sensitive data<span class="apple-converted-space">.</span> when returning JSON
response array. Add</span><span class="apple-converted-space"><span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif;"> </span></span><strong><span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif; font-weight: normal;">[AcceptVerbs(HttpVerbs.Post)]
to make it http request return response type.(</span></strong><span style="background-position: initial initial; background-repeat: initial initial; font-family: Calibri, sans-serif;">Cross Site Request Forgery
(CSRF) attack</span><span class="apple-converted-space"><span style="background-position: initial initial; background-repeat: initial initial; font-family: 'Trebuchet MS', sans-serif; font-size: 10pt;">k ) or XSRF.</span></span></h4>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">I faced So
many Interviews and Real Time Experience in MVC3. I Hope These all interview
questions and answers Help full for mostly Experienced and Freshers.</span></b><b><span style="font-size: 12pt;"></span></b></div>
<div class="MsoNormal" style="margin: 12pt 0in 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="background-position: initial initial; background-repeat: initial initial; font-size: 12pt;">Thanks
& Regards</span></b><b><span style="font-size: 12pt;"></span></b></div>
</div>
</div>
</div>
</div>
</div>
<table cellpadding="0" cellspacing="0" class="gsc-search-box"><tbody>
<tr><td class="gsc-input"><br /></td><td class="gsc-search-button"><br /></td></tr>
</tbody></table>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-31616202326662945972015-03-11T09:17:00.001-07:002015-03-11T09:17:32.198-07:00ASP.NET MVC VERSIONS AND DIFFRENCES Or Diffrence Between ASP.NET MVC2 and MVC3 and MVC4 and MVC5 <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<div style="text-align: center;">
<b><span style="color: #351c75; font-family: "Calibri Light",sans-serif; font-size: 11.5pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-IN;">Microsoft ASP.NET MVC VERSIONS AND DIFFRENCES</span></b><span style="font-family: 'Times New Roman', serif; font-size: 13.5pt;"></span></div>
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify;">
<b><span style="color: #495f8a; font-family: "Calibri Light",sans-serif; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-IN;"><br /></span></b>
<b><span style="color: #495f8a; font-family: "Calibri Light",sans-serif; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-IN;"><span style="color: red;">MVC Release History</span></span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify;">
<span style="font-family: "Calibri Light",sans-serif; font-size: 12.0pt; mso-bidi-font-family: "Times New Roman"; mso-bidi-font-weight: bold; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-IN;">The Current Version of
ASP.NET MVC is 4 and it was released on 15th Aug 2012. ASP.NET MVC is packaged
with Visual Studio 2012 and MVC can be installed for Visual Studio 2010. Below
We have mentioned the release history of ASP.NET MVC.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify;">
</div>
<table border="0" cellpadding="0" cellspacing="0" class="MsoNormalTable" style="background-color: none; border-collapse: collapse; text-align: justify;">
<tbody>
<tr>
<td style="padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal" style="text-align: center;">
Date</div>
</td>
<td style="padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal" style="text-align: center;">
Version</div>
</td>
</tr>
<tr>
<td style="border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
10 Dec 07 </div>
</td>
<td style="border-left: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC CTP </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
13 Mar 09 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 1.0 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
16 Dec 09 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 2 RC</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
04 Feb 10 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 2 RC 2</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
10 Mar 10 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 2 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
06 Oct 10</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 3 Beta </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
09 Nov 10</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 3 RC</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
10 Dec 10</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 3 RC 2</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
13 Jan 11</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 3</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
20 Sep 11 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 4 Developer Preview </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
15 Feb 12</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 4 Beta</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
31 May 12</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 4 RC</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
15 Aug 12 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 4 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
30 May 13 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 4 4.0.30506.0
</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
26 Jun 13 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5 Preview </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
23 Aug 13 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5 RC 1 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
17 Oct 13 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
17 Jan 14 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.1 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
10 Feb 14 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.1.1 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
4 Apr 14 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.1.2 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
27 May 14</div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.2.0 Rc </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
01 Jul 14</div>
</td>
<td style="border-right: solid #D1DCEB 1.0pt; border: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.2.0</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
23 Aug 14</div>
</td>
<td style="border-right: solid #D1DCEB 1.0pt; border: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 5.2.2-Rc</div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
Date </div>
</td>
<td style="border-right: solid #D1DCEB 1.0pt; border: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
Version </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
10 Dec 07 </div>
</td>
<td style="border-right: solid #D1DCEB 1.0pt; border: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC CTP </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
13 Mar 09 </div>
</td>
<td style="border-right: solid #D1DCEB 1.0pt; border: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 1.0 </div>
</td>
</tr>
<tr>
<td style="border-top: none; border: solid #D1DCEB 1.0pt; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
16 Dec 09 </div>
</td>
<td style="border-bottom: solid #D1DCEB 1.0pt; border-left: none; border-right: solid #D1DCEB 1.0pt; border-top: none; padding: 3.0pt 3.0pt 3.0pt 3.0pt;" valign="top"><div class="MsoNormal">
ASP.NET MVC 2 RC</div>
</td>
</tr>
</tbody></table>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<span style="font-size: 10.5pt;">In this ASP.NET MVC tutorial, we will have a quick
look into new and important features introduced in major versions of Microsoft </span><b><span style="font-size: 10.5pt; mso-bidi-font-family: "Times New Roman"; mso-fareast-font-family: "Times New Roman"; mso-fareast-language: EN-IN;">ASP.NET MVC</span></b><span style="font-size: 10.5pt;"> starting from MVC 3 to MVC 5 (the latest one so
far).</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="separator" style="clear: both; text-align: justify;">
<img border="0" height="246" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL3bOnVUDuxIHubyjDSaySuXMR0ICHYoUpTWaYeMzGzbguFUTBppZNz0xhBK44o0MHVY_5lsln9cy1vqpBdnpOkubBAAapByl3QSyUOM1z2R35_I2PrMyFnRIyuq0WvvYZyd4NznEX4vD1/s1600/MVC.jpg" width="640" /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: justify;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-family: Verdana, sans-serif; font-size: 10.5pt;">ASP.NET MVC 2</span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">MVC2 uses only Web Forms View Engine(.aspx) as a
default View Engine.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Chart, WebGrid , Crypto, WebImage, WebMail Contolrs
not available</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">(HTML syntax) Web Forms View Engine synatax :
<%=Html code %></span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">It’s Support only Master Pages only not Layout Pages.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-family: "Verdana",sans-serif;">ASP.NET MVC 3</span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">New Project Templates having support for HTML 5 and
CSS 3.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Improved Model validation.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Razor View Engine introduced with a bundle of new
features.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Having support for Multiple View Engines i.e. Web
Forms view engine, Razor or open source.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Controller improvements like ViewBag property and
ActionResults Types etc.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Unobtrusive JavaScript approach.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Improved Dependency Injection with new
IDependencyResolver.</span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Partial page output caching.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-family: "Verdana",sans-serif;">ASP.NET MVC 4</span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">ASP.NET Web API, a framework that simplifies the
creation of HTTP services and serving a wide range of clients. Follow to create
your first ASP.NET Web API service.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Adaptive rendering and other look-n-feel improvements
to Default Project Templates.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">A truly Empty Project Template.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Based on jQuery Mobile, new Mobile Project Template
introduced.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Support for adding controller to other project folders
also.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Task Support for Asynchronous Controllers and
Asynchronous Methods.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Controlling Bundling and Minification through
web.config.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Support for OAuth and OpenID logins using
DotNetOpenAuth library.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Support for Windows Azure SDK 1.6 and new releases.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Refreshed and modernized default project template.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Recipes to customize code generation.</span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">In Razor view engine new features added like Condition
attribute and ‘Tlide slash’ i.e URL Resolution.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-family: "Verdana",sans-serif;">ASP.NET MVC 5</span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Creating your first ASP.NET MVC 5 Application in 4
simple steps</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Bootstrap replaced the default MVC template.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">ASP.NET Identity for authentication and identity
management.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Authentication Filters for authenticating user by
custom or third-party authentication provider.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">With the help of Filter overrides, we can now override
filters on a method or controller.</span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Attribute Routing is now integrated into MVC 5.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
<b><span style="font-family: "Verdana",sans-serif;">ASP.NET MVC6 | ASP.NET vNext</span></b></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<div class="MsoListParagraphCxSpFirst" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Single Programming Model for ASP.NET MVC and ASP.NET
Web API.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Optimized for Cloud Computing.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Supporting side by side deployment of runtime and
framework along with application.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Out of the box support for dependency injection.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">vNext is Open Source and supports running on multiple
platforms including Linux and Mac.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">New JSON-based project Extension.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">In order to dynamically compile code, Roslyn compiler
is used.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">MVC 6 added new cloud computing optimization system of
MVC , web API, SignalR and entity framework.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">The Microsoft
make a bundle of MVC, Web API, WebPages, SignalR , That bundle we called
MVC 6.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">In MVC 6, Microsoft removed the dependency of
system.web.dll from MVC 6 because it's
so expensive. Typically it consume 30K
memory per request/response.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Right now, in MVC 6 consume 2K memory per request response. It's too small
memory consume.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">Most of the problem solved using the Roslyn Compiler.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">The ASP .Net
vNext used the Roslyn Compiler,
By using Roslyn compiler do not need to compile the application Its compile automatically the application code.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">The .Net vNext is a cross platform and open source.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">The .Net vNext has the new project extension
project.json. Basically project.json contain the all dependency dll of the
application.</span></div>
<div class="MsoListParagraphCxSpLast" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; text-indent: -18pt; vertical-align: baseline;">
<span style="font-family: Wingdings; font-size: 10.0pt; mso-bidi-font-family: Wingdings; mso-bidi-font-size: 10.5pt; mso-fareast-font-family: Wingdings;">§<span style="font-family: 'Times New Roman'; font-size: 7pt; font-stretch: normal; line-height: normal;"> </span></span><span style="font-size: 10.5pt;">In MVC 5.1 and 5.2 support to Enum and EnumHelper
in razor views.</span></div>
<div class="MsoNormal" style="line-height: 15.6pt; margin-bottom: 0.0001pt; text-align: justify; vertical-align: baseline;">
</div>
<br />
<span style="font-size: 10.5pt;">Hopefully, this article will help you in comparing core features of
ASP.NET MVC in different versions.</span></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-45988301568438762592014-10-19T03:53:00.004-07:002014-10-19T03:53:47.900-07:005 Golden Rules for Great Web API Design<div dir="ltr" style="text-align: left;" trbidi="on">
Ever found yourself wondering <em>“what were they thinking?”</em> when integrating a web service via its API? If not, you’ve been far luckier than I have.<br />
<br />
Any software developer knows how easy it is to let a project devolve
into spaghetti code, and web APIs are no less prone to resulting in a
tangled web. But it doesn’t need to be that way. In truth, it’s
possible to design <em>great</em> web APIs that people will actually <em>enjoy</em> using, and that you’ll enjoy creating as well. But how? The answer to that question is what this post is all about.<br />
<h2 id="perspective">
Perspective</h2>
Most of the time when you’re building solutions, you’re designing for
end users who are not programmers, or who are generally not technically
sophisticated. You’re giving them a graphical interface and, if you’ve
been doing your job right, you’ve gleaned a pretty good idea from them
of what they need the interface to do.<br />
<br />
But API development is different. You’re designing an interface for <em>programmers</em>,
probably without even knowing who they are. And whoever they are, they
will have the technical sophistication (or at least will think they
have the technical sophistication) to point out every little flaw in
your software. Your users are likely to be as critical of your API as
you would be of theirs, and will thoroughly enjoy critiquing it.<br />
<br />
And therein lies part of the irony, by the way. If <em>anyone</em> should understand how to make a web API that’s easy-to-use, it’s <em>you</em>. After all, you’re a software engineer just like the users of your API, so you share their perspective. Don’t you?<br />
Well, while you certainly <em>understand</em> their perspective, you don’t necessarily <em>share</em> their perspective. When you’re developing or enhancing <em>your</em> API, you have the perspective of an API <em>designer</em> whereas they have the perspective of an API <em>user</em>.<br />
<br />
<strong>API designers</strong> typically focus on questions like <em>“What does this service need to do?”</em> or <em>“What does this service need to provide?”</em>, while <strong>API users</strong> are focused on <em>“How can I use this API to do what I need?”</em>, or more accurately, <em>“How can I spend the bare minimum of effort to get what I need out of this API?”</em>.<br />
<br />
These different questions lead to two vastly different perspectives. As a result, the necessary prerequisite to designing a <em>great</em>
API is to shift your perspective from that of the API designer to that
of the API user. In other words, continually ask yourself the questions
you would naturally ask if you were your own user. Rather than
thinking about what your API <em>can</em> do, think about the different ways it may need or want to be <em>used</em> and then focus on making those tasks as easy as possible for your API’s users.<br />
<br />
While this may sound easy and obvious, it’s astounding how
infrequently APIs appear to be designed this way. Think about the APIs
you’ve encountered in your career. How frequently do they appear to
have been designed with this perspective in mind? Web API design can be
challenging.<br />
So with that said, let’s proceed and talk about the <strong><em>5 Golden Rules for Designing a Great Web API</em></strong>, namely:<br />
<ol>
<li>Documentation</li>
<li>Stability and Consistency</li>
<li>Flexibility</li>
<li>Security</li>
<li>Ease of Adoption</li>
</ol>
<img alt="A diagram of users accessing a well-designed web services API" src="http://www.toptal.com/uploads/blog/image/405/toptal-blog-image-1402412564701.png" /><br />
<h2 id="rule-1-documentation">
Rule 1: Documentation</h2>
Documentation. Yes, I’m starting here.<br />
Do you hate documentation? Well, I can empathize, but put on your
“user perspective” hat and I’ll bet that the one thing you hate more
than having to write documentation is having to try to use an
undocumented API. I rest my case.<br />
<br />
The bottom line is that, if you want anyone to use your API,
documentation is essential. You’ve simply got to get this right. It’s
the first thing users will see, so in some ways it’s like the gift wrap.
Present well, and people are more likely to use your API and put up
with any idiosyncrasies.<br />
So how do we write good documentation?<br />
<br />
The relatively easy part is documenting the API methods themselves;
i.e., example requests and responses, along with descriptions of each of
the elements in both. Fortunately, there are an increasing number of
software tools that facilitate and simplify the task of generating
documentation. Or you can write something yourself that introspects
your API, endpoints, and functions, and generates the corresponding
documentation for you.<br />
<br />
But what separates great documentation from adequate documentation is
the inclusion of usage examples and, ideally, tutorials. This is what
helps the user understand your API and where to start. It orients them
and helps them load your API into their brain.<br />
<br />
For example, if the developers of <a href="http://www.twilio.com/docs/api" target="_blank">Twilio</a>
were to list out every class, every method, and every possible response
to their API, but didn’t bother to mention that you can send an SMS,
track a call, or buy a phone number through their API, it would take a
really long time for the API user to find that information and
understand it cohesively. Can you imagine sorting through a giant tree
of classes and methods without any insight into what they were used for,
other than their name? Sounds terrible right? But that’s exactly what
so many API providers do, thereby leaving their APIs opaque to anybody
but themselves. The <a href="http://docs.rackspace.com/files/api/v1/cf-devguide/content/" target="_blank">Rackspace CloudFiles developer and API guide</a>
is one such example; it’s difficult to get your bearings unless you
already understand what they’re doing and what they’re providing.<br />
<br />
So write concise tutorials that help get the developer up and running
quickly, with at least a skeleton of what they’re trying to do, and
then point them in the direction of the more detailed, fully-documented
list of functionality so they can expand on what they have.<br />
Once you’re done with your documentation, be sure to validate that it
makes sense to people other than yourself. Send it out to other
developers in your network, give them no instruction other than pointing
them to the documentation, and ask them to follow a tutorial or build
something really basic in about 15 minutes. If they can’t have a basic
integration with your API in 15 minutes, you have more work to do.<br />
<br />
For some noteworthy examples of excellent and detailed documentation, check out <a href="http://www.twilio.com/docs" target="_blank">Twilio</a>, <a href="https://docs.djangoproject.com/" target="_blank">Django</a>, and <a href="http://apidocs.mailchimp.com/" target="_blank">MailChimp</a>.
None of these products are necessarily the best in their markets
(although they are all good products), yet they do distinguish
themeselves by providing some of the best documentation within their
markets, which has certainly facilitated their wide acceptance and
market share.<br />
<h2 id="rule-2-stability-and-consistency">
Rule 2: Stability and Consistency</h2>
If you’ve ever used <a href="https://developers.facebook.com/docs/" target="_blank">Facebook’s API</a>,
you know how often they deprecate and completely rewrite their APIs. No
matter how much you respect their hacker culture, or their product,
their’s is not a developer-friendly perspective. The reason they are
still successful is because they have a billion users, not because their
API is great.<br />
<br />
But you probably don’t have the luxury of such a mammoth user base
and market share, so you’re going to need have a much less volatile API,
keeping old versions running and supported for quite a long period of
time. Maybe even years. So toward that end, here are some tips and
tricks.<br />
Let’s say, for example, that your API is accessible via the URL <code>http://myapisite.com/api/widgets</code>
and provides its response in JSON format. While this may seem fine at
first blush, what happens when you need to modify the format of the JSON
response? Everyone that’s already integrated with you is going to
break. Oops.<br />
<br />
So do some planning ahead, and version your API from the outset, explicitly incorporating a version number into the URL (e.g., <code>http://myapisite.com/api/widgets?version=1</code> or <code>http://myapisite.com/api/widgets/v1</code>)
so that people can rely on version 1 working and can upgrade to any
subsequent version when they’re ready to do so. If you need to phase out
a prior version at some point, go ahead, but give plenty of notice and
offer some sort of transition plan.<br />
A good URL scheme will include major versions in the URL. Any change
to the output format or supported data types should result in bumping
up to a new major version. Generally, it’s acceptable to keep the same
version if all you are doing is adding keys or nodes to your output, but
to be on the safe side, any time the output changes, bump a version.<br />
In addition to being stable over time, APIs need to be internally
consistent. I’ve seen many APIs that change parameter names or methods
of POSTing data, depending on the endpoint that is being used. Instead,
you should handle common parameters globally within your API and use
inheritance or a shared architecture to reuse the same naming
conventions and data handling consistently throughout your API.<br />
Finally, you need to record and publish a changelog to show
differences between versions of your API so that users know exactly how
to upgrade.<br />
<form action="/blog/subscribe" class="blog_subscribe for-post" data-placement="post" data-remote="" data-type="text" data-view="blog_subscribe#subscribe" method="post">
<div class="blog_subscribe-row is-label">
<div class="blog_subscribe-label-title">
<br /></div>
</div>
</form>
<h2 id="rule-3-flexibility">
Rule 3: Flexibility</h2>
<a href="http://en.wikipedia.org/wiki/Garbage_in,_garbage_out" target="_blank">Garbage in, garbage out (GIGO)</a>
is a well known mantra to most programmers. As applied to web API
design, this guiding principle tends to dictate a fairly rigid approach
to request validation. Sounds great, right? No mess, no problem.<br />
<br />
Yet as with everything, there needs to be some balance. As it is not
possible to anticipate every way that users will want to employ your
service, and since not every client platform is consistent (i.e., not
every platform has very good JSON support, a decent OAuth library,
etc.), it’s good to have at least some degree of flexibility or
tolerance with regard to your input and output constraints.<br />
For example, many APIs will support a variety of output formats, like
JSON, YAML, XML, et. al., but will only support specifying the format
in the URL itself. In the spirit of remaining flexible, you could allow
this to also be specified in the URL (e.g., <code>/api/v1/widgets.json</code>), or you might also read and recognize an <code>Accept: application/json</code> HTTP header, or support a querystring variable such as <code>?format=JSON</code>, and so on.<br />
<br />
And while we’re at it, why not allow for the format specified to be case-insensitive, so the user could specify <code>?format=json</code> as well? That’s a classic example of a way to alleviate unnecessary frustration for the user of your API.<br />
<br />
Another example is allowing for different ways of inputting
variables. So, just like you have a variety of output formats, allow for
a variety of input formats as well (e.g., plain POST variables, JSON,
XML, etc.). You should at least be supporting standard POST variables,
and many modern applications support JSON as well, so those two are a
good place to start.<br />
The point here is that you shouldn’t assume that everyone shares your
technical preferences. With a little research into how other APIs
work, and through dialog with other developers, you can glean other
valuable alternatives that are useful and include them in your API.<br />
<h2 id="rule-4-security">
Rule 4: Security</h2>
Security is obviously one of the most important things to build into
your web service, but so many developers make it ridiculously hard to
use. As the API provider, you should be offering usable examples of how
to authenticate and authorize when accessing your API. This should not
be a difficult issue that an end user spends hours working on. Make it
your goal that they either don’t have to write any code, or it takes
them less than 5 minutes to write it.<br />
<br />
For most APIs, I prefer a simple token-based authentication, where
the token is a random hash assigned to the user and they can reset it at
any point if it has been stolen. Allow the token to be passed in
through POST or an HTTP header. For example, the user could (and should)
send an <a href="http://en.wikipedia.org/wiki/SHA-1" target="_blank">SHA-1 token</a> as a POST variable, or as a header in a format such as “Authorization: da39a3ee5e6b4b0d3255bfef95601890afd80709”.<br />
Also, choose a secure token, not a short numeric identifier.
Something irreversible is best. For example, it’s relatively simple to
just generate out an SHA token during user creation and store it in the
database. Then, you can simply query your database for any users
matching that token. You could also do a token generated with a unique
identifier and a salt value, something like <code>SHA(User.ID + "abcd123")</code>, and then query for any user that matches; e.g., <code>where TokenFromPost = SHA(User.ID + "abcd123")</code>.<br />
<br />
Another very good option is <a href="http://oauth.net/2/" target="_blank">OAuth 2</a> + <a href="http://en.wikipedia.org/wiki/SSL" target="_blank">SSL</a>.
You should be using SSL anyway, but OAuth 2 is reasonably simple to
implement on the server side, and libraries are available for many
common programming languages.<br />
<br />
If the API you have made is supposed to be accessible on a public
website via JavaScript, you need to also make sure you validate a list
of URLs per-account for the token. That way, nobody can go inspect the
calls to your API, steal the token from your user, and go use it for
themselves.<br />
Here are some other important things to keep in mind:<br />
<ul>
<li>
<strong>Whitelisting Functionality.</strong> APIs generally
allow you to do basic create, read, update, and delete operations on
data. But you don’t want to allow these operations for every entity, so
make sure each has a whitelist of allowable actions. Make sure, for
example, that only authorized users can run commands like <code>/user/delete/<id></code>.
Similarly, all useful headers that are sent in the user’s request need
to be validated against a whitelist as well. If you are allowing
Content-type headers, verify that whatever the user sends in actually
matches a whilelist of supported content types. If it doesn’t, then send
back an error message such as a 406 Not Acceptable response.
Whitelisting is important as a lot of APIs are automatically generated,
or use a blacklist instead, which means you have to be explicit about
what you <em>don’t</em> want. However, the golden rule of security is to start with absolutely nothing, and only explicitly allow what you <em>do</em> want.<br />
</li>
<li>
<strong>Protect yourself against <a href="https://www.owasp.org/index.php/Cross-Site_Request_Forgery_%28CSRF%29" target="_blank">Cross-Site Request Forgery (CSRF)</a>.</strong>
If you are allowing session or cookie authentication, you need to make
sure that you’re protecting yourself from CSRF attacks. The <a href="https://www.owasp.org/index.php/Main_Page" target="_blank">Open Web Application Security Project (OWASP)</a> provides useful guidance on <a href="https://www.owasp.org/index.php/Cross-Site_Request_Forgery_%28CSRF%29_Prevention_Cheat_Sheet" target="_blank">ways to preclude these vulnerabilities</a>.<br />
</li>
<li>
<strong>Validate access to resources.</strong> In every request,
you need to verify that a user is in fact allowed access to the
specific item they are referencing. So, if you have an endpoint to view a
user’s credit card details (e.g., <code>/account/card/view/152423</code>), be sure that the ID “152423” is referencing a resource that the user really is authorized to access.<br />
</li>
<li>
<strong>Validate all input.</strong> All input from a user needs
to be securely parsed, preferably using a well-known library if you are
using complicated input like XML or JSON. Don’t build your own parser,
or you’re in for a world of hurt.<br />
</li>
</ul>
<h2 id="rule-5-ease-of-adoption">
Rule 5: Ease Of Adoption</h2>
This is really the most important rule in the bunch, and builds on
all the others. As I mentioned during the documentation rule, try this
out with people that are new to your API. Make sure that they can get up
and running with at least a basic implementation of your API, even if
it’s just following a tutorial, within a few minutes. I think 15 minutes
is a good goal.<br />
Here are some specific recommendations to ease and facilitate adoption of your API:<br />
<ul>
<li>
<strong>Make sure people can actually use your API and that it works the first time, every time.</strong>
Have new people try to implement your API occasionally to verify that
it’s not confusing in some way that you’ve become immune to.<br />
</li>
<li>
<strong>Keep it simple.</strong> Don’t do any fancy
authentication. Don’t do some crazy custom URL scheme. Don’t reinvent
SOAP, or JSON, or REST, or anything. Use all the tools you can that have
already been implemented and are widely accepted, so that developers
only have to learn your API, not your API + 10 obscure new technologies.<br />
</li>
<li>
<strong>Provide language-specific libraries to interface with your service.</strong> There are some nice tools to automatically generate a library for you, such as <a href="https://github.com/pksunkara/alpaca" target="_blank">Alpaca</a> or <a href="http://thrift.apache.org/" target="_blank">Apache Thrift</a>.
Currently Alpaca supports Node, PHP, Python, and Ruby. Thrift supports
C++, Java, Python, PHP, Ruby, Erlang, Perl, Haskell, C#, Cocoa,
JavaScript, Node.js, Smalltalk, OCaml, Delphi and more.<br />
</li>
<li>
<strong>Simplify any necessary signup.</strong> If you are not
developing an open source API, or if there is a signup process of any
sort, make sure that upon signup, a user is very quickly directed to a
tutorial. And make the signup process completely automated without any
need for human interaction on your part.<br />
</li>
<li>
<strong>Provide excellent support.</strong> A big barrier to
adoption is lack of support. How will you handle and respond to a bug
report? What about unclear documentation? An unsophisticated user?
Forums, bug trackers, and email support are fantastic starts, but do
make sure that when someone posts a bug, you really address it. Nobody
wants to see a ghost town forum or a giant list of bugs that haven’t
been addressed.<br />
</li>
</ul>
<h2 id="wrap-up">
Wrap-up</h2>
Web services and their APIs abound. Unfortunately, the vast majority
are difficult to use. Reasons range from poor design, to lack of
documentation, to volatility, to unresolved bugs, or, in some cases, all
of the above.<br />
Following the guidance in this post will help ensure that your web
API is clean, well-documented, and easy-to-use. Such APIs are truly
rare and are therefore that much more likely to be widely adopted and
used.</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-81776594454774022292014-10-19T03:41:00.003-07:002014-10-19T03:41:43.585-07:00The 10 Most Common Web Development Mistakes<div dir="ltr" style="text-align: left;" trbidi="on">
Today we have thousands of digital and printed resources that provide
step-by-step instructions about developing all kinds of different web
applications. Development environments are “smart” enough to catch and
fix many mistakes that early developers battled with regularly. There
are even many different development platforms that easily turn simple
static HTML pages into highly interactive applications.<br />
<br />
All of these development patterns, practices, and platforms share
common ground, and they are all prone to similar mistakes caused by the
very nature of web applications.<br />
The purpose of this article is to shed light on some of the common
mistakes made in different stages of the web development process and to
help you mitigate them. I have touched on a few general topics that are
common to virtually all web developers such as validation, security,
scalability, and SEO. You should of course not be bound by the specific
cases I’ve described, as they are listed only to give you an idea of the
potential problems you might encounter.<br />
<br />
<img alt="" src="http://www.toptal.com/uploads/blog/image/597/toptal-blog-image-1411741782707.png" /><br />
<h2 id="common-mistake-1-incomplete-input-validation">
Common mistake #1: Incomplete input validation</h2>
Validating user input on client and server side is simply <strong>a must do</strong>! We are all aware of the sage advice <strong>“do not trust user input”</strong> but, nevertheless, mistakes stemming from validation happen all too often.<br />
One of the most common consequences of this mistake is <a href="https://www.owasp.org/index.php/Top_10_2013-A1-Injection" target="_blank"><strong>SQL Injection</strong></a> which is in <a href="https://www.owasp.org/index.php/Top_10_2013-Top_10" target="_blank">OWASP Top 10</a> year after year.<br />
Remember that most front-end development frameworks provide
out-of-the-box validation rules that are incredibly simple to use.
Additionally, most major back-end development platforms use simple
annotations to assure that submitted data are adhering to expected
rules. Implementing validation might be time consuming, but it should be
part of your standard coding practice and never set aside.<br />
<h2 id="common-mistake-2-authentication-without-proper-authorization">
Common mistake #2: Authentication without proper Authorization</h2>
<br />
<strong>Authentication</strong>: Verifying that a person is (or at
least appears to be) a specific user, since he/she has correctly
provided their security credentials (password, answers to security
questions, fingerprint scan, etc.).<br />
<strong>Authorization</strong>: Confirming that a particular user has access to a specific resource or is granted permission to perform a particular action.<br />
Stated another way, authentication is knowing who an entity is, while authorization is knowing what a given entity can do.<br />
Let me demonstrate this mistake with an example:<br />
Consider that your browser holds currently logged user information in an object similar to the following:<br />
<pre><code class=" hljs css"><span class="hljs-rules">{
<span class="hljs-rule"><span class="hljs-attribute">username</span>:<span class="hljs-value"><span class="hljs-string">'elvis'</span>,
role:<span class="hljs-string">'singer'</span>,
token:<span class="hljs-string">'123456789'</span>
</span></span></span>}
</code></pre>
When doing a password change, your application makes the POST:<br />
<pre><code class=" hljs ruby"><span class="hljs-constant">POST</span> /changepassword/<span class="hljs-symbol">:username/</span><span class="hljs-symbol">:newpassword</span>
</code></pre>
In your <code>/changepassword</code> method, you verify that user is logged and <strong>token has not expired</strong>. Then you find the user profile based on the <code>:username</code> parameter, and you change your user’s password.<br />
So, you validated that your user is properly logged-in, and then you
executed his request thus changing his password. Process seems OK,
right? Unfortunately, the answer is NO!<br />
At this point it is important to verify that the user executing the
action and the user whose password is changed are the same. Any
information stored on the browser can be tampered with, and any advanced
user could easily update <code>username:'elvis'</code> to <code>username:'Administrator'</code> without using anything else but built-in browser tools.<br />
So in this case, we just took care of <code>Authentication</code> making sure that the user provided security credentials. We can even add validation that <code>/changepassword</code> method can only be executed by <code>Authenticated</code> users. However, this is still not enough to protect your users from malicious attempts.<br />
You need to make sure that you verify actual requestor and content of request within your <code>/changepassword</code> method and implement proper <code>Authorization</code> of the request making sure that user can change only her data.<br />
<code>Authentication</code> and <code>Authorization</code> are two sides of the same coin. Never treat them separately. <br />
<h2 id="common-mistake-3-not-ready-to-scale">
Common mistake #3: Not ready to scale</h2>
In today’s world of high speed development, startup accelerators, and
instant global reach of great ideas, having your MVP (Minimum Viable
Product) out in the market as soon as possible is a common goal for many
companies.<br />
However, this constant time pressure is causing development teams to
often overlook certain issues. Scaling is often one of those things
teams take for granted. The MVP concept is great, but push it too far,
and you’ll have serious problems. Unfortunately, selecting a scalable
database and web server and separating all application layers on
independent scalable servers is not enough. There are many details you
need to think about if you wish to avoid rewriting significant parts of
your application later.<br />
For example, say that you choose to store uploaded profile pictures
of your users directly on a web server. This is a perfectly valid
solution–files are quickly accessible to the application, file handling
methods are available in every development platform, and you can even
serve these images as static content, which means minimum load on your
application.<br />
But what happens when your application grows, and you need to use two
or more web servers behind a load balancer? Even though you nicely
scaled your database storage, session state servers, and web servers,
your application scalability fails because of a simple thing like
profile images. Thus, you need to implement some kind of file
synchronization service (that will have a delay and will cause temporary
404 errors) or another workaround to assure that files are spread
across your web servers.<br />
<br />
<br />
<br />
<br />
<img alt="" src="http://www.toptal.com/uploads/blog/image/598/toptal-blog-image-1411741863919.png" /><br />
<br />
What you needed to do to avoid the problem in the first place was
just use shared file storage location, database, or any other remote
storage solution. It would have probably cost few extra hours of work to
have it all implemented, but it would have been worth the trouble.<br />
<h2 id="common-mistake-4-wrong-or-missing-seo">
Common mistake #4: Wrong or missing SEO</h2>
The root cause of incorrect or missing SEO best practices on web sites is <strong>misinformed “SEO specialists”</strong>.
Many web developers believe that they know enough about SEO and that it
is not especially complex, but that’s just not true. SEO mastery
requires significant time spent researching best practices and the
ever-changing rules about how Google, Bing, and Yahoo index the web.
Unless you constantly experiment and have accurate tracking + analysis,
you are not a SEO specialist, and you should not claim to be one.<br />
Furthermore, SEO is too often postponed as some activity that is done
at the end. This comes at a high price. SEO is not just related to
setting good content, tags, keywords, meta-data, image alt tags, site
map, etc. It also includes eliminating duplicate content, having
crawlable site architecture, efficient load times, intelligent back
linking, etc.<br />
Like with scalability, you should think about SEO from the moment you
start building your web application, or you might find that completing
your SEO implementation project means rewriting your whole system.<br />
<h2 id="common-mistake-5-time-or-processor-consuming-actions-in-request-handlers">
Common mistake #5: Time or processor consuming actions in request handlers</h2>
One of the best examples of this mistake is sending email based on a
user action. Too often developers think that making a SMTP call and
sending a message directly from user request handler is the solution.<br />
Let’s say you created an online book store, and you expect to start
with a few hundred orders daily. As part of your order intake process,
you send confirmation emails each time a user posts an order. This will
work without problem at first, but what happens when you scale your
system, and you suddenly get thousands of requests sending confirmation
emails? You either get SMTP connection timeouts, quota exceeded, or your
application response time degrades significantly as it is now handling
emails instead of users.<br />
Any time or processor consuming action should be handled by an
external process while you release your HTTP requests as soon as
possible. In this case, you should have an external mailing service that
is picking up orders and sending notifications.<br />
<form action="/blog/subscribe" class="blog_subscribe for-post" data-placement="post" data-remote="" data-type="text" data-view="blog_subscribe#subscribe" method="post">
<div class="blog_subscribe-row is-label">
<div class="blog_subscribe-label-title">
Like what you're reading?</div>
<div class="blog_subscribe-label">
Get the latest updates first.</div>
</div>
<div class="blog_subscribe-row">
<input class="input is-medium" data-role="email" name="email" placeholder="Enter your email address..." /></div>
<div class="blog_subscribe-row-wrapper is-footer">
<div class="blog_subscribe-row is-privacy">
<div class="blog_subscribe-privacy">
<div class="blog_subscribe-privacy_text">
No spam. Just great engineering posts.</div>
</div>
</div>
</div>
</form>
<h2 id="common-mistake-6-not-optimizing-bandwidth-usage">
Common mistake #6: Not optimizing bandwidth usage</h2>
Most development and testing takes place in a local network
environment. So when you are downloading 5 background images each being
3MB or more, you might not identify an issue with 1Gbit connection speed
in your development environment. But when your users start loading a
15MB home page over 3G connections on their smartphones, you should
prepare yourself for a list of complaints.<br />
Optimizing your bandwidth usage could give you a great performance
boost, and to gain this boost you probably only need a couple of tricks.
There are few things that many well-structured development teams do by
default, including:<br />
<ol>
<li>Minification of all JavaScript</li>
<li>Minification of all CSS</li>
<li>Server side HTTP compression</li>
<li>Optimization of image size and resolution</li>
</ol>
<h2 id="common-mistake-7-not-developing-for-different-screen-sizes">
Common mistake #7: Not developing for different screen sizes</h2>
<a href="http://www.toptal.com/front-end/introduction-to-responsive-web-design-pseudo-elements-media-queries">Responsive design</a>
has been a big topic in the past few years. Expansion of smartphones
with different screen resolutions has brought many new ways of accessing
online content. The number of website visits that come from smartphones
and tablets grows every day, and this trend is accelerating.<br />
In order to ensure seamless navigation and access to website content,
you must enable users to access it from all types of devices.<br />
There are numerous patterns and practices for building responsive web
applications. Each development platform has its own tips and tricks,
but there are some frameworks that are platform independent. The most
popular is probably <a href="http://getbootstrap.com/" target="_blank">Twitter Bootstrap</a>.
It is an open-source and free HTML, CSS, and JavaScript framework that
has been adopted by every major development platform. Just adhere to
Bootstrap patterns and practices when building your application, and you
will get responsive web application with no trouble at all.<br />
<h2 id="common-mistake-8-cross-browser-incompatibility">
Common mistake #8: Cross browser incompatibility</h2>
The development process is, in most cases, under a heavy time
pressure. Every application needs to be released as soon as possible and
developers are often focused on delivering functionality over design.
Regardless of the fact that most developers have Chrome, Firefox, IE
installed, they are using only one of these 90% of the time. It is
common practice to use one browser during development and just as the
application nears completion will you start testing it in other
browsers. This is perfectly reasonable–assuming you have a lot of time
to test and fix issues that show up at this stage. <br />
However, there are some tricks that can save you significant time when your application reaches the cross-browser testing phase:<br />
<ol>
<li>You don’t need to test in all browsers during development; it is
time consuming and ineffective. However, that does not mean that you
cannot switch browsers frequently. Use a different browser every couple
of days, and you will at least recognize major problems early in
development phase.</li>
<li>Be careful of using statistics to justify not supporting a
browser. There are many organizations that are slow in adopting new
software or upgrading. Thousands of users working there might still need
access to your application, and they cannot install the latest free
browser due to internal security and business policies.</li>
<li>Avoid browser specific code. In most cases there is an elegant solution that is cross-browser compatible.</li>
</ol>
<h2 id="common-mistake-9-not-planning-for-portability">
Common mistake #9: Not planning for portability</h2>
<em>Assumption is the mother of all problems</em>! When it comes to
portability, this saying is more true than ever. How many times have you
seen hard coded file paths, database connection strings, or assumptions
that a certain library will be available on the server? Assuming that
the production environment will match your local development computer is
simply wrong.<br />
Ideal application setup should be maintenance-free:<br />
<ol>
<li>Make sure that your application can scale and run on a load-balanced multiple server environment.</li>
<li>Allow simple and clear configuration–possibly in a single configuration file.</li>
<li>Handle exceptions when web server configuration is not as expected.</li>
</ol>
<h2 id="common-mistake-10-restful-anti-patterns">
Common mistake #10: RESTful anti patterns</h2>
RESTful API’s have taken their place in web development and are here
to stay. Almost every web application has implemented some kind of REST
services, whether for internal use or integrating with external system.
But we still see broken RESTful patterns and services that do not adhere
to expected practices.<br />
Two of the most common mistakes made when writing a RESTful API are:<br />
<ol>
<li>Using wrong HTTP verbs. For example using GET for writing data.
HTTP GET has been designed to be idempotent and safe, meaning that no
matter how many times you call GET on the same resource, the response
should always be the same and no change in application state should
occur.</li>
<li>
Not sending correct HTTP status codes. The best example of this mistake is sending error messages with response code 200.<br />
<pre><code class=" hljs css"> <span class="hljs-tag">HTTP</span> 200 <span class="hljs-tag">OK</span>
<span class="hljs-rules">{
<span class="hljs-rule"><span class="hljs-attribute">message</span>:<span class="hljs-value"><span class="hljs-string">'there was an error'</span>
</span></span></span>}
</code></pre>
</li>
</ol>
You should only send HTTP 200 OK when the request has not generated
an error. In the case of an error, you should send 400, 401, 500 or any
other status code that is appropriate for the error that has occurred.<br />
A detailed overview of standard HTTP status codes can be found <a href="http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html" target="_blank">here</a>.<br />
<h2 id="wrap-up">
Wrap up</h2>
Web development is an extremely broad term that can legitimately
encompass development of a website, web service, or complex web
application.<br />
The main takeaway here is the reminder that you should always be
careful about authentication and authorization, plan for scalability,
and never hastily assume anything.</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-27163434296586151152014-10-19T03:20:00.000-07:002014-10-19T03:20:10.911-07:00How do I “think in AngularJS” if I have a jQuery background<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-text" itemprop="text">
How do I “think in <a href="http://angularjs.org/">AngularJS</a>” if I have a <a href="http://jquery.com/">jQuery</a> background?<br />
Suppose I'm familiar with developing client-side applications in
jQuery, but now I'd like to start using AngularJS. Can you describe the
paradigm shift that is necessary? Here are a few questions that might
help you frame an answer:<br />
<ul>
<li>How do I architect and design client-side web applications differently? What is the biggest difference?</li>
<li>What should I stop doing/using; what should I start doing/using instead?</li>
<li>Are there any server-side considerations/restrictions?</li>
</ul>
I'm not looking for a detailed comparison between jQuery and AngularJS.<br />
<br />
<div class="post-text" itemprop="text">
<h1>
1. Don't design your page, and then change it with <a href="http://en.wikipedia.org/wiki/Document_Object_Model">DOM</a> manipulations</h1>
In jQuery, you design a page, and then you make it dynamic. This is
because jQuery was designed for augmentation and has grown incredibly
from that simple premise.<br />
But in AngularJS, you must start from the ground up with your
architecture in mind. Instead of starting by thinking "I have this piece
of the DOM and I want to make it do X", you have to start with what you
want to accomplish, then go about designing your application, and then
finally go about designing your view.<br />
<h1>
2. Don't augment jQuery with AngularJS</h1>
Similarly, don't start with the idea that jQuery does X, Y, and Z, so
I'll just add AngularJS on top of that for models and controllers. This
is <em>really</em> tempting when you're just starting out, which is why
I always recommend that new AngularJS developers don't use jQuery at
all, at least until they get used to doing things the "Angular Way".<br />
I've seen many developers here and on the mailing list create these
elaborate solutions with jQuery plugins of 150 or 200 lines of code that
they then glue into AngularJS with a collection of callbacks and <code>$apply</code>s that are confusing and convoluted; but they eventually get it working! The problem is that in <strong>most</strong>
cases that jQuery plugin could be rewritten in AngularJS in a fraction
of the code, where suddenly everything becomes comprehensible and
straightforward.<br />
The bottom line is this: when solutioning, first "think in
AngularJS"; if you can't think of a solution, ask the community; if
after all of that there is no easy solution, <em>then</em> feel free to reach for the jQuery. But don't let jQuery become a crutch or you'll never master AngularJS.<br />
<h1>
3. Always think in terms of architecture</h1>
First know that <a href="http://en.wikipedia.org/wiki/Single-page_application">single-page applications</a> are <em>applications</em>. They're <em>not</em> webpages. So we need to think like a server-side developer <em>in addition</em>
to thinking like a client-side developer. We have to think about how to
divide our application into individual, extensible, testable
components.<br />
So then <em>how</em> do you do that? How do you "think in AngularJS"? Here are some general principles, contrasted with jQuery.<br />
<h2>
The view is the "official record"</h2>
In jQuery, we programmatically change the view. We could have a dropdown menu defined as a <code>ul</code> like so:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><ul</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"main-menu"</span><span class="tag">></span><span class="pln">
</span><span class="tag"><li</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"active"</span><span class="tag">></span><span class="pln">
</span><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/home"</span><span class="tag">></span><span class="pln">Home</span><span class="tag"></a></span><span class="pln">
</span><span class="tag"></li></span><span class="pln">
</span><span class="tag"><li></span><span class="pln">
</span><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/menu1"</span><span class="tag">></span><span class="pln">Menu 1</span><span class="tag"></a></span><span class="pln">
</span><span class="tag"><ul></span><span class="pln">
</span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/sm1"</span><span class="tag">></span><span class="pln">Submenu 1</span><span class="tag"></a></li></span><span class="pln">
</span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/sm2"</span><span class="tag">></span><span class="pln">Submenu 2</span><span class="tag"></a></li></span><span class="pln">
</span><span class="tag"><li><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/sm3"</span><span class="tag">></span><span class="pln">Submenu 3</span><span class="tag"></a></li></span><span class="pln">
</span><span class="tag"></ul></span><span class="pln">
</span><span class="tag"></li></span><span class="pln">
</span><span class="tag"><li></span><span class="pln">
</span><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"#/home"</span><span class="tag">></span><span class="pln">Menu 2</span><span class="tag"></a></span><span class="pln">
</span><span class="tag"></li></span><span class="pln">
</span><span class="tag"></ul></span></code></pre>
In jQuery, in our application logic, we would activate it with something like:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pln">$</span><span class="pun">(</span><span class="str">'.main-menu'</span><span class="pun">).</span><span class="pln">dropdownMenu</span><span class="pun">();</span></code></pre>
When we just look at the view, it's not immediately obvious that
there is any functionality here. For small applications, that's fine.
But for non-trivial applications, things quickly get confusing and hard
to maintain.<br />
In AngularJS, though, the view is the official record of view-based functionality. Our <code>ul</code> declaration would look like this instead:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><ul</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"main-menu"</span><span class="pln"> </span><span class="atn">dropdown-menu</span><span class="tag">></span><span class="pln">
...
</span><span class="tag"></ul></span></code></pre>
These two do the same thing, but in the AngularJS version anyone
looking at the template knows what's supposed to happen. Whenever a new
member of the development team comes on board, she can look at this and
then <em>know</em> that there is a directive called <code>dropdownMenu</code>
operating on it; she doesn't need to intuit the right answer or sift
through any code. The view told us what was supposed to happen. Much
cleaner.<br />
Developers new to AngularJS often ask a question like: how do I find
all links of a specific kind and add a directive onto them. The
developer is always flabbergasted when we reply: you don't. But the
reason you don't do that is that this is like half-jQuery,
half-AngularJS, and no good. The problem here is that the developer is
trying to "do jQuery" in the context of AngularJS. That's never going to
work well. The view <em>is</em> the official record. Outside of a directive (more on this below), you never, ever, <em>never</em> change the DOM. And directives are applied <em>in the view</em>, so intent is clear.<br />
Remember: don't design, and then mark up. You must architect, and then design.<br />
<h2>
Data binding</h2>
This is by far one of the most awesome features of AngularJS and cuts
out a lot of the need to do the kinds of DOM manipulations I mentioned
in the previous section. AngularJS will automatically update your view
so you don't have to! In jQuery, we respond to events and then update
content. Something like:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pln">$</span><span class="pun">.</span><span class="pln">ajax</span><span class="pun">({</span><span class="pln">
url</span><span class="pun">:</span><span class="pln"> </span><span class="str">'/myEndpoint.json'</span><span class="pun">,</span><span class="pln">
success</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> data</span><span class="pun">,</span><span class="pln"> status </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
$</span><span class="pun">(</span><span class="str">'ul#log'</span><span class="pun">).</span><span class="pln">append</span><span class="pun">(</span><span class="str">'<li>Data Received!</li>'</span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">});</span></code></pre>
For a view that looks like this:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><ul</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"messages"</span><span class="pln"> </span><span class="atn">id</span><span class="pun">=</span><span class="atv">"log"</span><span class="tag">></span><span class="pln">
</span><span class="tag"></ul></span></code></pre>
Apart from mixing concerns, we also have the same problems of
signifying intent that I mentioned before. But more importantly, we had
to manually reference and update a DOM node. And if we want to delete a
log entry, we have to code against the DOM for that too. How do we test
the logic apart from the DOM? And what if we want to change the
presentation?<br />
This a little messy and a trifle frail. But in AngularJS, we can do this:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pln">$http</span><span class="pun">(</span><span class="pln"> </span><span class="str">'/myEndpoint.json'</span><span class="pln"> </span><span class="pun">).</span><span class="pln">then</span><span class="pun">(</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> response </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
$scope</span><span class="pun">.</span><span class="pln">log</span><span class="pun">.</span><span class="pln">push</span><span class="pun">(</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> msg</span><span class="pun">:</span><span class="pln"> </span><span class="str">'Data Received!'</span><span class="pln"> </span><span class="pun">}</span><span class="pln"> </span><span class="pun">);</span><span class="pln">
</span><span class="pun">});</span></code></pre>
And our view can look like this:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><ul</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"messages"</span><span class="tag">></span><span class="pln">
</span><span class="tag"><li</span><span class="pln"> </span><span class="atn">ng-repeat</span><span class="pun">=</span><span class="atv">"entry in log"</span><span class="tag">></span><span class="pln">{{ entry.msg }}</span><span class="tag"></li></span><span class="pln">
</span><span class="tag"></ul></span></code></pre>
But for that matter, our view could look like this:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><div</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"messages"</span><span class="tag">></span><span class="pln">
</span><span class="tag"><div</span><span class="pln"> </span><span class="atn">class</span><span class="pun">=</span><span class="atv">"alert"</span><span class="pln"> </span><span class="atn">ng-repeat</span><span class="pun">=</span><span class="atv">"entry in log"</span><span class="tag">></span><span class="pln">
{{ entry.msg }}
</span><span class="tag"></div></span><span class="pln">
</span><span class="tag"></div></span></code></pre>
And now instead of using an unordered list, we're using Bootstrap
alert boxes. And we never had to change the controller code! But more
importantly, no matter <em>where</em> or <em>how</em> the log gets updated, the view will change too. Automatically. Neat!<br />
Though I didn't show it here, the data binding is two-way. So those
log messages could also be editable in the view just by doing this: <code><input ng-model="entry.msg" /></code>. And there was much rejoicing.<br />
<h2>
Distinct model layer</h2>
In jQuery, the DOM is kind of like the model. But in AngularJS, we
have a separate model layer that we can manage in any way we want,
completely independently from the view. This helps for the above data
binding, maintains <a href="http://en.wikipedia.org/wiki/Separation_of_concerns">separation of concerns</a>, and introduces far greater testability. Other answers mentioned this point, so I'll just leave it at that.<br />
<h2>
Separation of concerns</h2>
And all of the above tie into this over-arching theme: keep your
concerns separate. Your view acts as the official record of what is
supposed to happen (for the most part); your model represents your data;
you have a service layer to perform reusable tasks; you do DOM
manipulation and augment your view with directives; and you glue it all
together with controllers. This was also mentioned in other answers, and
the only thing I would add pertains to testability, which I discuss in
another section below.<br />
<h2>
Dependency injection</h2>
To help us out with separation of concerns is <a href="http://en.wikipedia.org/wiki/Dependency_injection">dependency injection</a> (DI). If you come from a server-side language (from <a href="http://en.wikipedia.org/wiki/Java_%28programming_language%29">Java</a> to <a href="http://en.wikipedia.org/wiki/PHP">PHP</a>)
you're probably familiar with this concept already, but if you're a
client-side guy coming from jQuery, this concept can seem anything from
silly to superfluous to hipster. But it's not. :-)<br />
From a broad perspective, DI means that you can declare components
very freely and then from any other component, just ask for an instance
of it and it will be granted. You don't have to know about loading
order, or file locations, or anything like that. The power may not
immediately be visible, but I'll provide just one (common) example:
testing.<br />
Let's say in our application, we require a service that implements server-side storage through a <a href="http://en.wikipedia.org/wiki/Representational_State_Transfer">REST</a>
API and, depending on application state, local storage as well. When
running tests on our controllers, we don't want to have to communicate
with the server - we're testing the <em>controller</em>, after all. We
can just add a mock service of the same name as our original component,
and the injector will ensure that our controller gets the fake one
automatically - our controller doesn't and needn't know the difference.<br />
Speaking of testing...<br />
<h1>
4. Test-driven development - <em>always</em></h1>
This is really part of section 3 on architecture, but it's so important that I'm putting it as its own top-level section.<br />
Out of all of the many jQuery plugins you've seen, used, or written,
how many of them had an accompanying test suite? Not very many because
jQuery isn't very amenable to that. But AngularJS is.<br />
In jQuery, the only way to test is often to create the component
independently with a sample/demo page against which our tests can
perform DOM manipulation. So then we have to develop a component
separately and <em>then</em> integrate it into our application. How
inconvenient! So much of the time, when developing with jQuery, we opt
for iterative instead of test-driven development. And who could blame
us?<br />
But because we have separation of concerns, we can do test-driven
development iteratively in AngularJS! For example, let's say we want a
super-simple directive to indicate in our menu what our current route
is. We can declare what we want in the view of our application:<br />
<pre class="lang-html prettyprint prettyprinted"><code><span class="tag"><a</span><span class="pln"> </span><span class="atn">href</span><span class="pun">=</span><span class="atv">"/hello"</span><span class="pln"> </span><span class="atn">when-active</span><span class="tag">></span><span class="pln">Hello</span><span class="tag"></a></span></code></pre>
Okay, now we can write a test for the non-existent <code>when-active</code> directive:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pln">it</span><span class="pun">(</span><span class="pln"> </span><span class="str">'should add "active" when the route changes'</span><span class="pun">,</span><span class="pln"> inject</span><span class="pun">(</span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">var</span><span class="pln"> elm </span><span class="pun">=</span><span class="pln"> $compile</span><span class="pun">(</span><span class="pln"> </span><span class="str">'<a href="/hello" when-active>Hello</a>'</span><span class="pln"> </span><span class="pun">)(</span><span class="pln"> $scope </span><span class="pun">);</span><span class="pln">
$location</span><span class="pun">.</span><span class="pln">path</span><span class="pun">(</span><span class="str">'/not-matching'</span><span class="pun">);</span><span class="pln">
expect</span><span class="pun">(</span><span class="pln"> elm</span><span class="pun">.</span><span class="pln">hasClass</span><span class="pun">(</span><span class="str">'active'</span><span class="pun">)</span><span class="pln"> </span><span class="pun">).</span><span class="pln">toBeFalsey</span><span class="pun">();</span><span class="pln">
$location</span><span class="pun">.</span><span class="pln">path</span><span class="pun">(</span><span class="pln"> </span><span class="str">'/hello'</span><span class="pln"> </span><span class="pun">);</span><span class="pln">
expect</span><span class="pun">(</span><span class="pln"> elm</span><span class="pun">.</span><span class="pln">hasClass</span><span class="pun">(</span><span class="str">'active'</span><span class="pun">)</span><span class="pln"> </span><span class="pun">).</span><span class="pln">toBeTruthy</span><span class="pun">();</span><span class="pln">
</span><span class="pun">}));</span></code></pre>
And when we run our test, we can confirm that it fails. Only now should we create our directive:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pun">.</span><span class="pln">directive</span><span class="pun">(</span><span class="pln"> </span><span class="str">'whenActive'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> $location </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
scope</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
link</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> scope</span><span class="pun">,</span><span class="pln"> element</span><span class="pun">,</span><span class="pln"> attrs </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
scope</span><span class="pun">.</span><span class="pln">$on</span><span class="pun">(</span><span class="pln"> </span><span class="str">'$routeChangeSuccess'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">if</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> $location</span><span class="pun">.</span><span class="pln">path</span><span class="pun">()</span><span class="pln"> </span><span class="pun">==</span><span class="pln"> element</span><span class="pun">.</span><span class="pln">attr</span><span class="pun">(</span><span class="pln"> </span><span class="str">'href'</span><span class="pln"> </span><span class="pun">)</span><span class="pln"> </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
element</span><span class="pun">.</span><span class="pln">addClass</span><span class="pun">(</span><span class="pln"> </span><span class="str">'active'</span><span class="pln"> </span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="kwd">else</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
element</span><span class="pun">.</span><span class="pln">removeClass</span><span class="pun">(</span><span class="pln"> </span><span class="str">'active'</span><span class="pln"> </span><span class="pun">);</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">});</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">};</span><span class="pln">
</span><span class="pun">});</span></code></pre>
Our test now passes <em>and</em> our menu performs as requested. Our development is <em>both</em> iterative <em>and</em> test-driven. Wicked-cool.<br />
<h1>
5. Conceptually, directives are <em>not</em> packaged jQuery</h1>
You'll often hear "only do DOM manipulation in a directive". <strong>This is a necessity.</strong> Treat it with due deference!<br />
But let's dive a little deeper...<br />
Some directives just decorate what's already in the view (think <code>ngClass</code>)
and therefore sometimes do DOM manipulation straight away and then are
basically done. But if a directive is like a "widget" and has a
template, it should <em>also</em> respect separation of concerns. That is, the template <em>too</em> should remain largely independent from its implementation in the link and controller functions.<br />
AngularJS comes with an entire set of tools to make this very easy; with <code>ngClass</code> we can dynamically update the class; <code>ngBind</code> allows two-way data binding; <code>ngShow</code> and <code>ngHide</code>
programmatically show or hide an element; and many more - including the
ones we write ourselves. In other words, we can do all kinds of
awesomeness <em>without</em> DOM manipulation. The less DOM
manipulation, the easier directives are to test, the easier they are to
style, the easier they are to change in the future, and the more
re-usable and distributable they are.<br />
I see lots of developers new to AngularJS using directives as the
place to throw a bunch of jQuery. In other words, they think "since I
can't do DOM manipulation in the controller, I'll take that code put it
in a directive". While that certainly is much better, it's often <em>still wrong</em>.<br />
Think of the logger we programmed in section 3. Even if we put that in a directive, we <em>still</em> want to do it the "Angular Way". It <em>still</em> doesn't take any DOM manipulation! There are lots of times when DOM manipulation is necessary, but it's a <em>lot</em> rarer than you think! Before doing DOM manipulation <em>anywhere</em> in your application, ask yourself if you really need to. There might be a better way.<br />
Here's a quick example that shows the pattern I see most frequently.
We want a toggleable button. (Note: this example is a little contrived
and a skosh verbose to represent more complicated cases that are solved
in exactly the same way.)<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pun">.</span><span class="pln">directive</span><span class="pun">(</span><span class="pln"> </span><span class="str">'myDirective'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
template</span><span class="pun">:</span><span class="pln"> </span><span class="str">'<a class="btn">Toggle me!</a>'</span><span class="pun">,</span><span class="pln">
link</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> scope</span><span class="pun">,</span><span class="pln"> element</span><span class="pun">,</span><span class="pln"> attrs </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">var</span><span class="pln"> on </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">;</span><span class="pln">
$</span><span class="pun">(</span><span class="pln">element</span><span class="pun">).</span><span class="pln">click</span><span class="pun">(</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
on </span><span class="pun">=</span><span class="pln"> </span><span class="pun">!</span><span class="pln">on</span><span class="pun">;</span><span class="pln">
$</span><span class="pun">(</span><span class="pln">element</span><span class="pun">).</span><span class="pln">toggleClass</span><span class="pun">(</span><span class="str">'active'</span><span class="pun">,</span><span class="pln"> on</span><span class="pun">);</span><span class="pln">
</span><span class="pun">});</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">};</span><span class="pln">
</span><span class="pun">});</span></code></pre>
There are a few things wrong with this:<br />
<ol>
<li>First, jQuery was never necessary. There's nothing we did here that needed jQuery at all!</li>
<li>Second, even if we already have jQuery on our page, there's no reason to use it here; we can simply use <code>angular.element</code> and our component will still work when dropped into a project that doesn't have jQuery.</li>
<li>Third, even assuming jQuery <em>was</em> required for this directive to work, jqLite (<code>angular.element</code>) will <em>always</em> use jQuery if it was loaded! So we needn't use the <code>$</code> - we can just use <code>angular.element</code>.</li>
<li>Fourth, closely related to the third, is that jqLite elements needn't be wrapped in <code>$</code> - the <code>element</code> that is passed to the <code>link</code> function would <em>already be</em> a jQuery element! </li>
<li>And fifth, which we've mentioned in previous sections, why are we mixing template stuff into our logic?</li>
</ol>
This directive can be rewritten (even for very complicated cases!) much more simply like so:<br />
<pre class="lang-js prettyprint prettyprinted"><code><span class="pun">.</span><span class="pln">directive</span><span class="pun">(</span><span class="pln"> </span><span class="str">'myDirective'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
scope</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">true</span><span class="pun">,</span><span class="pln">
template</span><span class="pun">:</span><span class="pln"> </span><span class="str">'<a class="btn" ng-class="{active: on}" ng-click="toggle()">Toggle me!</a>'</span><span class="pun">,</span><span class="pln">
link</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">(</span><span class="pln"> scope</span><span class="pun">,</span><span class="pln"> element</span><span class="pun">,</span><span class="pln"> attrs </span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
scope</span><span class="pun">.</span><span class="pln">on </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">false</span><span class="pun">;</span><span class="pln">
scope</span><span class="pun">.</span><span class="pln">toggle </span><span class="pun">=</span><span class="pln"> </span><span class="kwd">function</span><span class="pln"> </span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
scope</span><span class="pun">.</span><span class="pln">on </span><span class="pun">=</span><span class="pln"> </span><span class="pun">!</span><span class="pln">scope</span><span class="pun">.</span><span class="pln">on</span><span class="pun">;</span><span class="pln">
</span><span class="pun">};</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">};</span><span class="pln">
</span><span class="pun">});</span></code></pre>
Again, the template stuff is in the template, so you (or your users)
can easily swap it out for one that meets any style necessary, and the <strong>logic</strong> never had to be touched. Reusability - boom!<br />
And there are still all those other benefits, like testing - it's
easy! No matter what's in the template, the directive's internal API is
never touched, so refactoring is easy. You can change the template as
much as you want without touching the directive. And no matter what you
change, your tests still pass.<br />
w00t!<br />
So if directives aren't just collections of jQuery-like functions, what are they? Directives are actually <strong>extensions of HTML</strong>.
If HTML doesn't do something you need it to do, you write a directive
to do it for you, and then use it just as if it was part of HTML.<br />
Put another way, if AngularJS doesn't do something out of the box, think how the team would accomplish it to fit right in with <code>ngClick</code>, <code>ngClass</code>, et al.<br />
<h1>
Summary</h1>
Don't even use jQuery. Don't even include it. It will hold you back.
And when you come to a problem that you think you know how to solve in
jQuery already, before you reach for the <code>$</code>, try to think
about how to do it within the confines the AngularJS. If you don't know,
ask! 19 times out of 20, the best way to do it doesn't need jQuery and
to try to solve it with jQuery results in more work for you.<br />
</div>
<br />
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-10260083094912943092014-10-19T03:13:00.000-07:002014-10-19T03:13:14.485-07:00AngularJS vs. jQuery<div dir="ltr" style="text-align: left;" trbidi="on">
<h1>
AngularJS vs. jQuery</h1>
AngularJS and jQuery adopt very different ideologies. If you're
coming from jQuery you may find some of the differences surprising.
AngularJS may make you angry.<br />
This is normal, you should push through. AngularJS is worth it.<br />
<h2>
First up, AngularJS doesn't replace jQuery</h2>
AngularJS and jQuery do different things. AngularJS gives you a set
of tools to produce webapps. jQuery mainly gives you tools for modifying
the DOM. If jQuery is present on your page, AngularJS will use it
automatically. If it isn't, AngularJS ships with jQuery Lite, which is a
cut down, but still perfectly usable version of jQuery.<br />
Misko likes jQuery and encourages you to use it. You still need to
manipulate the DOM and jQuery is your tool for this. However you can get
a most of your work done using templates, and you should prefer
templates where possible.<br />
People encouraging you to drop jQuery should stop encouraging you to
do that. You might like to lay off the jQuery for a while while you
learn what AngularJS can do, but jQuery is not going away just yet.<br />
That said, you shouldn't be sprinkling jQuery all over the place. The
correct place for jQuery and other DOM manipulations in AngularJS is in
directives. More on these later.<br />
<h2>
Unobtrusive JavaScript vs. Declarative Templates</h2>
jQuery is typically applied unobtrusively. Your JavaScript code is
linked in the header, and this is the only place it is mentioned. The
JavaScript code wraps round the DOM like a snail on a twig, making
changes as required. Onclick attributes are very bad practice.<br />
One of the first things your will notice about AngularJS is that
custom attributes are everywhere. Your HTML will be littered with ng
attributes, which are essentially onClick attributes on steroids. These
are directives, and are one of the main ways in which the template is
hooked to the model.<br />
When you first see this you might be tempted to write AngularJS off
as old school intrusive JavaScript (like I did at first). In fact,
AngularJS does not play by those rules. In AngularJS, your HTML5 is a
template. It is compiled by AngularJS to produce your web page.<br />
This is the first big difference. To jQuery, your web page is a DOM
to be manipulated. To AngularJS, your HTML is code to be compiled.
AngularJS reads in your whole web page and literally compiles it into a
new web page using it's built in compiler.<br />
Your template should be declarative; it's meaning should be clear
simply by reading it. We use custom attributes with meaningful names. We
make up new HTML elements, again with meaningful names. A designer with
minimal HTML knowledge and no coding skill can read your AngularJS
template and understand what it is doing. He or she can make
modifications. <em>This is the AngularJS way.</em><br />
<h2>
The template is in the driving seat.</h2>
One of the first questions I asked myself when starting AngularJS and running through the tutorials is <strong>"Where is my code?"</strong>.
I've written no JavaScript, and yet I have all this behaviour. The
answer is obvious. Because AngularJS compliles the DOM, AngularJS is
treating your HTML as code. For simple cases it's often sufficient to
just write a template and let AngularJS compile it into an application
for you.<br />
Your template drives your application. It's treated as a <a href="http://en.wikipedia.org/wiki/Domain-specific_language">DSL</a>.
You write AngularJS components, and AngularJS will take care of pulling
them in and making them available at the right time based on the
structure of your template. This is very different to a standard <a href="http://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller">MVC</a> pattern, where the template is just for output.<br />
It's more similar to <a href="http://en.wikipedia.org/wiki/XSLT">XSLT</a> than <a href="http://en.wikipedia.org/wiki/Ruby_on_Rails">Ruby on Rails</a> for example.<br />
<h2>
Semantic HTML vs. Semantic Models</h2>
With jQuery your HTML page should contain semantic meaningful
content. If the JavaScript is turned off (by a user or search engine)
your content remains accessible.<br />
Because AngularJS treats your HTML page as a template. The template
is not supposed to be semantic as your content is typically stored in
your model. AngularJS compiles your DOM with the model to produce a
semantic web page.<br />
In AngularJS, meaning lives in the model, the HTML is for display only.<br />
At this point you likely have all sorts of questions concerning <a href="http://en.wikipedia.org/wiki/Search_engine_optimization">SEO</a>
and accessibility, and rightly so. There are open issues here. Most
screen readers will now parse JavaScript. Search engines may also be
able to index <a href="http://en.wikipedia.org/wiki/Ajax_%28programming%29">Ajaxed</a>
content. Nevertheless, you will want to make sure you are using
pushstate URLs and you have a decent sitemap. See here for a discussion
of the issue: <a href="http://stackoverflow.com/a/23245379/687677">http://stackoverflow.com/a/23245379/687677</a><br />
<h2>
Separation of concerns vs. MVC</h2>
<a href="http://en.wikipedia.org/wiki/Separation_of_concerns">Separation of concerns</a>
is a pattern that has grown up over many years of web development for a
variety of reasons including SEO, accessibility and browser
incompatibility. It looks like this:<br />
<ol>
<li>HTML - Semantic meaning. The HTML should stand alone.</li>
<li>CSS - Styling, without the CSS the page is still readable.</li>
<li>JavaScript - Behaviour, without the script the content remains.</li>
</ol>
Again, AngularJS does not play by their rules. Angular instead implements an MVC pattern.<br />
<ol>
<li>Model - your models contains your semantic data. Models are usually <a href="http://en.wikipedia.org/wiki/JSON">JSON</a> objects.</li>
<li>View - Your views are written in HTML. The view is usually not semantic because your data lives in the model.</li>
<li>Controller - Your controller is a JavaScript function which hooks
the view to the model. Depending on your app, you may or may not need to
create a controller. You can have many controllers on a page.</li>
</ol>
They are not on opposite ends of the same scale, they are on completely different axes.<br />
<h2>
Plugins vs. Directives</h2>
<strong>Plugins extend jQuery. AngularJS Directives extend the capabilities of your browser.</strong><br />
In jQuery we define plugins by adding functions to the
jQuery.prototype. We then hook these into the DOM by selecting elements
and calling the plugin on the result. The idea is to extend the
capabilities of jQuery.<br />
For example, if you want a carousel on your page, you might define an
unordered list of figures, perhaps wrapped in a nav element. You might
then write some jQuery to find the list on the page and restyle it as a
gallery with timeouts to do the sliding animation.<br />
In AngularJS, we define directives. A directive is a function which
returns a JSON object. This object tells AngularJS what DOM elements to
look for, and what changes to make to them. Directives are hooked in to
the template using either attributes or elements, which you invent. The
idea is to extend the capabilities of HTML with new attributes and
elements.<br />
<em>The AngularJS way is to extend the capabilities of native looking HTML.</em> You should write HTML that looks like HTML, extended with custom attributes and elements.<br />
If you want a carousel, just use a <code><carousel /></code> element, then define a directive to pull in a template, and make that sucker work.<br />
<h2>
Closure vs. $scope</h2>
jQuery plugins are created in a closure. Privacy is maintained within
that closure. It's up to you to maintain your scope chain within that
closure. You only really have access to the set of DOM nodes passed in
to the plugin by jQuery, plus any local variables defined in the closure
and any globals you have defined. This means that plugins are quite
self contained. This is a good thing, but can get restrictive when
creating a whole application. Trying to pass data between sections of a
dynamic page becomes a chore.<br />
AngularJS has $scope objects. These are special objects created and
maintained by AngularJS in which you store your model. Certain
directives will spawn a new $scope, which by default inherits from its
wrapping $scope using JavaScript prototypical inheritance. The $scope
object is accessible in the controller and the view.<br />
This is the clever part. Because the structure of $scope inheritance
roughly follows the structure of the DOM, elements have access to their
own scope, and any containing scopes seamlessly, all the way up to the
global $scope (which is not the same as the global scope).<br />
This makes it much easier to pass data around, and to store data at
an appropriate level. If a dropdown is unfolded, only the dropdown
$scope needs to know about it. If the user updates their preferences,
you might want to update the global $scope, and any nested scopes
listening to the user preferences would automatically be alerted.<br />
This might sound complicated, in fact, once you relax into it, it's
like flying. You don't need to create the $scope object, Angular
instantiates and configures it for you, correctly and appropriately
based on your template hierarchy. Angular then makes it available to
your component using the magic of dependency injection (more on this
later).<br />
<h2>
Manual DOM changes vs. Data Binding</h2>
In jQuery you make all your DOM changes by hand. You construct new
DOM elements programatically. If you have a JSON array and you want to
put it to the DOM, you must write a function to generate the HTML and
insert it.<br />
In AngularJS you can do this too, but you are encouraged to make use
of data binding. Change your model, and because the DOM is bound to it
via a template your DOM will automatically update, no intervention
required.<br />
Because data binding is done from the template, using either an
attribute or the curly brace syntax, it's super easy to do. There's
little cognitive overhead associated with it so you'll find yourself
doing it all the time.<br />
<pre class="default prettyprint prettyprinted"><code><span class="tag"><input</span><span class="pln"> </span><span class="atn">ng-model</span><span class="pun">=</span><span class="atv">"user.name"</span><span class="pln"> </span><span class="tag">/></span></code></pre>
Binds the input element to <code>$scope.user.name</code>. Updating the input will update the value in your current scope, and vice-versa.<br />
Likewise:<br />
<pre class="default prettyprint prettyprinted"><code><span class="tag"><p></span><span class="pln">
{{user.name}}
</span><span class="tag"></p></span></code></pre>
will output the user name in a paragraph. It's a live binding, so if the <code>$scope.user.name</code> value is updated, the template will update too.<br />
<h2>
Ajax all of the time</h2>
In jQuery making an Ajax call is fairly simple, but it's still
something you might think twice about. There's the added complexity to
think about, and a fair chunk of script to maintain.<br />
In AngularJS, Ajax is your default go-to solution and it happens all
the time, almost without you noticing. You can include templates with
ng-include. You can apply a template with the simplest custom directive.
You can wrap an Ajax call in a service and create yourself a <a href="http://en.wikipedia.org/wiki/GitHub">GitHub</a> service, or a <a href="http://en.wikipedia.org/wiki/Flickr">Flickr</a> service, which you can access with astonishing ease.<br />
<h2>
Service Objects vs Helper Functions</h2>
In jQuery, if we want to accomplish a small non-dom related task such
as pulling a feed from an API, we might write a little function to do
that in our closure. That's a valid solution, but what if we often want
to access that feed often? What if we want to reuse that code in another
application?<br />
AngularJS gives us service objects.<br />
Services are simple objects that contain functions and data. They are
always singletons, meaning there can never be more than one of them.
Say we want to access the Stack Overflow API, we might write a <code>StackOverflowService</code> which defines methods for doing so.<br />
Let's say we have a shopping cart. We might define a
ShoppingCartService which maintains our cart and contains methods for
adding and removing items. Because the service is a singleton, and is
shared by all other components, any object that needs to can write to
the shopping cart and pull data from it. It's always the same cart.<br />
Service objects are self-contained AngularJS components which we can use and reuse as we see fit.<br />
<h2>
<a href="http://en.wikipedia.org/wiki/Dependency_injection">Dependency injection</a> (DI)</h2>
DI is a massive deal in AngularJS. It means that AngularJS will
automatically instantiate your objects for you and ensure they are
available for you where you need them. Until you start to use this, it's
hard to explain just what a massive time boon is. Nothing like
AngularJS DI exists inside jQuery.<br />
DI means that instead of writing your application and wiring it
together, you instead define a library of components, each identified by
a string.<br />
Say I have a component called 'FlickrService' which defines methods
for pulling JSON feeds from Flickr. Now, if I want to write a controller
that can access Flickr, I just need to refer to the 'FlickrService' by
name when I declare the controller. AngularJS will take care of
instantiating the component and making it available to my controller.<br />
For example, here I define a service:<br />
<pre class="default prettyprint prettyprinted"><code><span class="pln">myApp</span><span class="pun">.</span><span class="pln">service</span><span class="pun">(</span><span class="str">'FlickrService'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="kwd">return</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
getFeed</span><span class="pun">:</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">()</span><span class="pln"> </span><span class="pun">{</span><span class="pln"> </span><span class="com">// do something here }</span><span class="pln">
</span><span class="pun">}</span><span class="pln">
</span><span class="pun">});</span></code></pre>
Now when I want to use that service I just refer to it by name like this:<br />
<pre class="default prettyprint prettyprinted"><code><span class="pln">myApp</span><span class="pun">.</span><span class="pln">controller</span><span class="pun">(</span><span class="str">'myController'</span><span class="pun">,</span><span class="pln"> </span><span class="pun">[</span><span class="str">'FlickrService'</span><span class="pun">,</span><span class="pln"> </span><span class="kwd">function</span><span class="pun">(</span><span class="typ">FlickrService</span><span class="pun">)</span><span class="pln"> </span><span class="pun">{</span><span class="pln">
</span><span class="typ">FlickrService</span><span class="pun">.</span><span class="pln">getFeed</span><span class="pun">()</span><span class="pln">
</span><span class="pun">}]);</span></code></pre>
Angular will recognise that a FlickrService object is needed to instantiate the controller, and will provide one for us.<br />
This makes wiring things together very easy, and pretty much eliminates any tendency towards spagettification.<br />
<h2>
Modular service architecture</h2>
jQuery says very little about how you should organise your code. AngularJS has opinions.<br />
AngularJS gives you modules into which you can place your code. If
you're writing a script that talks to Flickr for example, you might want
to create a Flickr module to wrap all your Flickr related functions in.
Modules can include other modules (DI). Your main application is
usually a module, and this should include all the other modules your
application will depend on.<br />
You get simple code reuse, if you want to write another application
based on Flickr, you can just include the Flickr module and voila, you
have access to all your Flickr related functions in your new
application.<br />
Modules contain AngularJS components. When we include a module, all
the components in that module become available to us as a simple list
identified by their unique strings. We can then inject those components
into each other using AngularJS's dependency injection mechanism.<br />
<h2>
To sum up</h2>
AngularJS and jQuery are not enemies. It's possible to use jQuery
within AngularJS very nicely. If you're using AngularJS well (templates,
data-binding, $scope, directives, etc.) you will find you need a lot
less jQuery than you might otherwise require.<br />
Think less about unobtrusive JavaScript, and instead think in terms of HTML extension.</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-38506695257418426322014-10-12T01:47:00.002-07:002014-10-12T01:47:51.629-07:00ASP.NET Web API – Why is it so cool ? | Difference between WCF and Web API and WCF REST and Web Service<div dir="ltr" style="text-align: left;" trbidi="on">
he .Net framework has a number of technologies that
allow you to create HTTP services such as Web Service, WCF and now Web
API. There are a lot of articles over the internet which may describe to
whom you should use. Now a days, you have a lot of choices to build
HTTP services on .NET framework. In this article, I would like to share
my opinion with you over Web Service, WCF and now Web API.
<br />
<h2>
Web Service</h2>
<ol class="orderlist">
<li>It is based on SOAP and return data in XML form.</li>
<li>It support only HTTP protocol. </li>
<li>It is not open source but can be consumed by any client that understands xml.</li>
<li>It can be hosted only on IIS.</li>
</ol>
<h2>
WCF</h2>
<ol class="orderlist">
<li>It is also based on SOAP and return data in XML form.</li>
<li>It is the evolution of the web service(ASMX) and support various protocols like TCP, HTTP, HTTPS, Named Pipes, MSMQ. </li>
<li>The main issue with WCF is, its tedious and extensive configuration. </li>
<li>It is not open source but can be consumed by any client that understands xml.</li>
<li>It can be hosted with in the applicaion or on IIS or using window service.</li>
</ol>
<h2>
WCF Rest</h2>
<ol class="orderlist">
<li>To use WCF as WCF Rest service you have to enable webHttpBindings.</li>
<li>It support HTTP GET and POST verbs by [WebGet] and [WebInvoke] attributes respectively.</li>
<li>To enable other HTTP verbs you have to do some configuration in IIS to accept request of that particular verb on .svc files</li>
<li>Passing data through parameters using a WebGet needs configuration. The UriTemplate must be specified</li>
<li>It support XML, JSON and ATOM data format.</li>
</ol>
<h2>
Web API</h2>
<ol class="orderlist">
<li>This is the new framework for building HTTP services with easy and simple way. </li>
<li>Web API is open source an ideal platform for building REST-ful services over the .NET Framework. </li>
<li>Unlike WCF Rest service, it use the full featues of HTTP (like
URIs, request/response headers, caching, versioning, various content
formats)</li>
<li>It also supports the MVC features such as routing, controllers,
action results, filter, model binders, IOC container or dependency
injection, unit testing that makes it more simple and robust. </li>
<li>It can be hosted with in the application or on IIS.</li>
<li>It is light weight architecture and good for devices which have limited bandwidth like smart phones.</li>
<li>Responses are formatted by Web API’s MediaTypeFormatter into
JSON, XML or whatever format you want to add as a MediaTypeFormatter.</li>
</ol>
<h2>
To whom choose between WCF or WEB API</h2>
<ol class="orderlist">
<li>Choose WCF when you want to create a service that should support
special scenarios such as one way messaging, message queues, duplex
communication etc. </li>
<li>Choose WCF when you want to create a service that can use fast
transport channels when available, such as TCP, Named Pipes, or maybe
even UDP (in WCF 4.5), and you also want to support HTTP when all other
transport channels are unavailable.</li>
<li>Choose Web API when you want to create a resource-oriented
services over HTTP that can use the full features of HTTP (like URIs,
request/response headers, caching, versioning, various content formats).</li>
<li>Choose Web API when you want to expose your service to a broad range of clients including browsers, mobiles, iphone and tablets.<br />
<br />
<blockquote>
<span style="font-size: x-large;">ASP.NET Web API – Why is it so cool?</span></blockquote>
That’s a great question.<br />
Too many of the answers to that question come down to subjective,
personal preference. Worse, you’ll often hear that it’s what you should
use simply because it’s the new thing Microsoft is pushing (you know,
like WCF once was). If you’re already making good use of ASP.NET MVC’s
controller actions as a makeshift API, just hearing that Web API is
“better” might not be all that compelling.<br />
However, <strong>I think Web API objectively wins out over MVC controller APIs in a few key areas</strong>.
In this post, I’ll cover why these three aspects of ASP.NET Web API
make it a clear choice for my ASP.NET-based APIs going forward:<br />
</li>
<li>Content negotiation</li>
<li>Flexibility</li>
<li>Separation of concerns</li>
</ol>
<span id="more-1358"></span><br />
<br />
<h3>
Content negotiation</h3>
Content negotiation is one of those features that can seem
overwrought at first glance. The technical demos we’ve seen most often,
returning content like images and vcards based on the Accept header, are
neat, but not something you’re likely to need on a daily basis.<br />
However, content negotiation is still a nice feature even if you only
expect to return a single type of serialization. Why? Because it
decouples your API code’s intent from the mechanics of serialization.<br />
For example, which would you rather write and maintain?<br />
<h4>
ASP.NET MVC</h4>
<div class="wp_syntax">
<div class="code">
<pre class="csharp" style="font-family: monospace;"><span style="color: #0600ff;">public</span> <span style="color: red;">class</span> TweetsController <span style="color: green;">:</span> Controller <span style="color: black;">{</span>
<span style="color: teal; font-style: italic;">// GET: /Tweets/</span>
<span style="color: black;">[</span>HttpGet<span style="color: black;">]</span>
<span style="color: #0600ff;">public</span> ActionResult Index<span style="color: black;">(</span><span style="color: black;">)</span> <span style="color: black;">{</span>
<span style="color: #0600ff;">return</span> Json<span style="color: black;">(</span>Twitter.<span style="color: blue;">GetTweets</span><span style="color: black;">(</span><span style="color: black;">)</span>, JsonRequestBehavior.<span style="color: blue;">AllowGet</span><span style="color: black;">)</span><span style="color: green;">;</span>
<span style="color: black;">}</span>
<span style="color: black;">}</span></pre>
</div>
</div>
<h4>
ASP.NET Web API</h4>
<div class="wp_syntax">
<div class="code">
<pre class="csharp" style="font-family: monospace;"><span style="color: #0600ff;">public</span> <span style="color: red;">class</span> TweetsController <span style="color: green;">:</span> ApiController <span style="color: black;">{</span>
<span style="color: teal; font-style: italic;">// GET: /Api/Tweets/</span>
<span style="color: #0600ff;">public</span> List<span style="color: green;"><</span>Tweet<span style="color: green;">></span> Get<span style="color: black;">(</span><span style="color: black;">)</span> <span style="color: black;">{</span>
<span style="color: #0600ff;">return</span> Twitter.<span style="color: blue;">GetTweets</span><span style="color: black;">(</span><span style="color: black;">)</span><span style="color: green;">;</span>
<span style="color: black;">}</span>
<span style="color: black;">}</span></pre>
</div>
</div>
The choice between those two options is an easy one for me. Not only is the return value of <code>List<Tweet></code>
more expressive (especially when you revisit this code in a year or
two), but letting Web API handle the serialization means you don’t need
to clutter the action up with the <code>Json()</code> code.<br />
Of course, you never know when it might be helpful someday for that same endpoint to support returning its data as XML, <a href="http://www.tugberkugurlu.com/archive/creating-custom-csvmediatypeformatter-in-asp-net-web-api-for-comma-separated-values-csv-format" target="_blank">CSV</a>,
MessagePack, or some future serialization format. Content negotiation
makes adding that across an entire API relatively simple with Web API,
but it would be cumbersome to update a plethora of MVC controller
actions.<br />
<h3>
Flexibility</h3>
It’s clear that flexibility was a central goal in Web API (without
resorting to the configuration tedium that burdened WCF). Content
negotiation is a great example of that, but that’s only the beginning.
Web API starts with sensible defaults, but then provides a <code>GlobalConfiguration</code> object that you can use to tweak a wide range of options.<br />
A couple more concrete examples:<br />
<h4>
Down with XML!</h4>
One initially disconcerting thing about Web API is that hitting an
endpoint in your browser will result in an XML response. That’s correct
behavior because regular requests in browsers usually send an Accept
header preferring text/html and application/xml, but not JSON.<br />
If you want to bring Web API’s behavior more in line with the output of MVC’s <code>Json()</code> helper, you can remove XML support from your API entirely. Just add this to the <code>Application_Start</code> event and you’ll never see XML again:<br />
<div class="wp_syntax">
<div class="code">
<pre class="csharp" style="font-family: monospace;"><span style="color: teal; font-style: italic;">// Normally, you'd probably be doing this in a setup method that</span>
<span style="color: teal; font-style: italic;">// accepts the configuration as a parameter and this line wouldn't</span>
<span style="color: teal; font-style: italic;">// be necessary, but you can do it right in Application_Start too.</span>
var config <span style="color: green;">=</span> GlobalConfiguration.<span style="color: blue;">Configuration</span><span style="color: green;">;</span>
config.<span style="color: blue;">Formatters</span>.<span style="color: blue;">Remove</span><span style="color: black;">(</span>config.<span style="color: blue;">Formatters</span>.<span style="color: blue;">XmlFormatter</span><span style="color: black;">)</span><span style="color: green;">;</span></pre>
</div>
</div>
Now, even if a client’s Accept header prefers XML over JSON, Web API
won’t respond with XML. Personally, I’d prefer to see Web API prefer
JSON over XML by default, but it’s great that Web API is flexible enough
to allow these global changes with a minimum of configuration ceremony.<br />
<h4>
Tweaking your API’s JSON format</h4>
You’re generally stuck with the JSON that <code>JavaScriptSerializer</code> wants to generate when you use MVC’s <code>Json()</code>
helper. Luckily, JSS does a pretty good job of creating sane JSON, but
it also opts you into some unusual conventions like “MSAjax” date
encoding instead of the more common ISO format.<br />
Web API and Json.NET allow you to tweak the JSON that your API
produces very easily. For example, Json.NET defaults to using ISO dates,
but you can switch that to the Microsoft format for backwards
compatibility across your entire API with a simple configuration
setting:<br />
<div class="wp_syntax">
<div class="code">
<pre class="csharp" style="font-family: monospace;"><span style="color: teal; font-style: italic;">// Separate statements for purposes of fitting within my tiny</span>
<span style="color: teal; font-style: italic;">// 492px code blocks. You could do this on one line if you wanted.</span>
var js <span style="color: green;">=</span> GlobalConfiguration.<span style="color: blue;">Configuration</span>.<span style="color: blue;">Formatters</span>.<span style="color: blue;">JsonFormatter</span><span style="color: green;">;</span>
var dfh <span style="color: green;">=</span> js.<span style="color: blue;">SerializerSettings</span>.<span style="color: blue;">DateFormatHandling</span><span style="color: green;">;</span>
dfh <span style="color: green;">=</span> Newtonsoft.<span style="color: blue;">Json</span>.<span style="color: blue;">DateFormatHandling</span>.<span style="color: blue;">MicrosoftDateFormat</span><span style="color: green;">;</span></pre>
</div>
</div>
There’s a wide range of options you can set this way, from “pretty
printing” the JSON to support for automatic translation between
camelCase and PascalCase. For more examples, see <a href="http://www.asp.net/web-api/overview/formats-and-model-binding/json-and-xml-serialization" target="_blank">this article on the ASP.NET site</a>.<br />
<h3>
Separation of concerns</h3>
All of the preceding examples highlight one of my favorite overall
advantages of using Web API. It’s possible to quickly drop these
high-impact changes in across an entire API largely because <strong>Web API helps separate your API from the part of your project that returns HTML</strong>.<br />
MVC controller actions are optimized for building up an HTML document
through the use of things like views, partial views, and HTML helpers.
That whole pipeline doesn’t really make sense in the context of an API
that returns entities, DTOs, or ViewModels, and I think it’s valuable to
keep them separate.<br />
<h4>
So separate, it’s not tied to a website at all</h4>
In fact, you may eventually want to isolate API from your website to
the point that it doesn’t even make sense to host the API within the
same project. With Web API, you can self-host the same API code in a
Windows Service or even a console app.<br />
You <em>could</em> do that with an ASP.NET MVC “API” by creating a
separate project for the API, but then you’re still paying the
performance penalty for your API requests to filter through MVC’s
rendering pipeline. In simple load testing on my local machine, I’ve
found that Web API endpoints hosted in console apps are nearly 50%
faster than both ASP.NET controller actions <em>and</em> Web API endpoints hosted within MVC projects.<br />
It’s great to have that low-cost, high-performance option as usage of your API grows. <strong>Starting with Web API means you’re not tied to ASP.NET MVC (or any web framework) in the future</strong>. It’s quick and easy to migrate an MVC-hosted Web API to a centralized project of its own as your needs organically grow.<br />
<h3>
Conclusion</h3>
These are the three main reasons why I’m using Web API controllers
for client-side callbacks in my ASP.NET MVC projects going forward. Even
though many of those “APIs” will never grow into more than endpoints
for AJAX callbacks, using Web API for those endpoints is still easier
and more flexible than other built-in alternatives.<br />
What do you think? Are you using Web API yet? Do you plan to migrate
from MVC controller actions to Web API in the future? Did I miss an
aspect of the MVC-centric approach that makes it work better than Web
API for you (I can think of one, but I haven’t seen many projects
actually doing this in the real-world anymore)?<br />
<ol class="orderlist">
<li><br />
</li>
</ol>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-56345697097933660292014-10-12T01:18:00.000-07:002014-10-12T01:18:03.007-07:00Top 5 New Features in ASP.NET Web API 2<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">ASP.NET Web API 2 has been released with a number of new exciting features. In
this web development post, I’ll try to discuss new features of it which
can be considered the top 5.</span></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><b>1. Attribute Routing</b></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">Along with convention-based routing, Web API 2 now supports attribute routing as well.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">In
case of convention-based routing, we can define multiple route
templates. When a request comes, it will be matched against already
defined route templates, and forwarded to specific controller action
according to matched template.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">You can see the following default route template in routing table for Web API:</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i>Config.Routes.MapHttpRoute(</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i> name: “DefaultApi”,</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i> <b>routeTemplate: “api/{Controller}/{id}”,</b></i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i> defaults: new { id = RouteParameter.Optional }</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i>);</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">This
routing approach has benefits that all routing templates are defined at
one common location but for certain URI patterns, it really becomes
difficult to support (like nested routing on same controller).</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">With
ASP.NET Web API 2, we can easily support above mentioned URI pattern
and others as well. Following shows an example of a URI pattern with
attribute routing.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">URI Pattern –> books/1/authors</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i>[Route("books/{bookId}/authors")]</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i>public IEnumerable<Author> GetAuthorByBook(int bookId) { ….. }</i></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><i> </i></span></span></div>
<table border="0" style="width: 100%px;">
<tbody>
<tr>
<td width="10%"><br /></td>
<td align="center" width="40%"> <ins class="adsbygoogle" data-ad-client="ca-pub-9997101014530813" data-ad-slot="6598288681" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"><ins id="aswift_1_expand" style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"></ins></ins></ins></td>
<td width="10%"><br /></td>
<td align="center" width="40%"> <ins class="adsbygoogle" data-ad-client="ca-pub-9997101014530813" data-ad-slot="6598288681" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"><ins id="aswift_2_expand" style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"><ins id="aswift_2_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"></ins></ins></ins></td>
</tr>
</tbody>
</table>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><b>2. CORS – Cross Origin Resource Sharing</b></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">Normally,
browsers don’t allow making cross-domain calls due to same-origin
policy and we know that. So, what exactly is CORS (Cross Origin Resource
Sharing)?</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">CORS
is a mechanism that allows a web page to make an AJAX call to a domain
other than the domain which actually rendered that specific web page.
CORS is compliant with W3C standards and now ASP.NET Web API has support
for it in version 2.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><b>3. OWIN (Open Web Interface for .NET) self hosting</b></span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">ASP.NET Web API 2 comes with a new self hosting package i.e. <i>Microsoft.AspNet.WebApi. OwinSelfHost</i>.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> According to http://owin.org/</span><br />
<span style="white-space: pre-wrap;">“<i>OWIN defines a standard
interface between .NET web servers and web applications. The goal of the
OWIN interface is to decouple server and application, encourage the
development of simple modules for .NET web development, and, by being an
open standard, stimulate the open source ecosystem of .NET web
development tools.</i>” </span></span><span style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;"><br />
</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;">So,
according to above description, OWIN is an ideal option for self
hosting a web application in a process other than IIS process.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">There
are a number of OWIN implementations like Giacomo, Kayak, Firefly etc.
available (some may be partial or outdated) but Katana is the
recommended one for Microsoft servers and Web API frameworks.</span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"> </span></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;"><b>4. IHttpActionResult </b></span></span><span style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;">Along
with the existing two approaches of creating response from controller
action, ASP.NET Web API 2 now supports another way of doing the same. </span><i style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;">IHttpResponseMessage</i><span style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;"> is basically an interface which acts as a factory for </span><i style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;">HttpResponseMessage</i><span style="font-family: Arial, Helvetica, sans-serif; white-space: pre-wrap;">. It’s very powerful because it extensify web api. Using this approach we can compose any specific type of response.</span></div>
<div style="white-space: pre-wrap;">
<span style="font-family: Arial, Helvetica, sans-serif;">Please follow the link to know how to serve HTML with <i>IHttpActionResult</i>. </span></div>
<div style="white-space: pre-wrap;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b> </b></span></div>
<div style="white-space: pre-wrap;">
<span style="font-family: Arial, Helvetica, sans-serif;"><b>5. Web API OData</b></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="white-space: pre-wrap;">The
Open Data Protocol (OData) is actually a web protocol for querying and
updating data. ASP.NET Web API 2 has added support for <i>$expand</i>, <i>$select</i>, and <i>$value</i> options for OData. By using these options, we can control the representation that is returned from the server.</span></span></div>
<ul>
<li><span style="white-space: pre-wrap;"><b><i>$expand</i></b>:
Normally, response doesn’t include related entities if we query an OData
collection. By using $expand, we can get related entities inline in
response.</span></li>
<li><span style="white-space: pre-wrap;"><b><i>$select</i></b>: It’s used if we wanted to include subset of properites in response instead of all.</span></li>
<li><span style="white-space: pre-wrap;"><b><i>$value</i></b>: It allows to return raw value of the property instead returning in OData format.</span></li>
</ul>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-37579015481935432482014-10-12T01:16:00.000-07:002014-10-12T01:16:02.160-07:00CRUD operations using ASP.NET Web API 2.0<div dir="ltr" style="text-align: left;" trbidi="on">
In one of my previous articles, I explained 3 simple steps to create your first ASP.NET Web API service.
In this article, I’ll try to perform all CRUD (Create, Read, Update,
Delete) operations using Microsoft ASP.NET Web API.I already has
discussed that ASP.NET Web API is a framework that simplifies the
creation of HTTP services. We can build loosely coupled services as Web
API follows REST architecture. Another advantage of using HTTP services
is that it can be consumed by a wide range of clients.As we are going to
perform CRUD (Create, Read, Update, Delete) operations in this Web
Development article using HTTP services, we must understand that these
how these operations map to basic HTTP verbs.<br />
<ul style="text-align: left;">
<li>Create -> POST</li>
<li>Read -> GET</li>
<li>Update -> PUT</li>
<li>Delete -> DELETE</li>
</ul>
In order to get start with coding, please create a new ASP.NET MVC 4
Project using Visual Studio and choose Web API template. When the new
project is created successfully, you can easily find “Model”, “View” and
“Controller” folders inside it.<br />
<table border="0" style="width: 100%px;"><tbody>
<tr><td width="10%"><br /></td><td align="center" width="40%"><br /></td><td width="10%"><br /></td>
<td align="center" width="40%"> <ins class="adsbygoogle" data-ad-client="ca-pub-9997101014530813" data-ad-slot="6598288681" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"><ins id="aswift_2_expand" style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"><ins id="aswift_2_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"></ins></ins></ins></td>
</tr>
</tbody>
</table>
First of all, we will be creating a new domain model class inside the model folder say “Student.cs” as:<br />
<div style="background-color: lightgrey;">
<em> public class Student</em><br />
<em> {</em><br />
<em> public string StudentID { get; set; }</em><br />
<em> public string FirstName { get; set; }</em><br />
<em> public string LastName { get; set; }</em><br />
<em> }</em></div>
<br />
For a better and clean separation, we will add another class
“StudentRepository.cs” which will actually perform the CRUD
operations. For the purpose of simplicity, I am not going to write
complete database interaction code here. You can have implementation of
your choice, for example, LINQ or ADO.NET Entity Framework etc.<br />
<br />
<div style="background-color: lightgrey;">
<em> public class StudentRepository</em><br />
<em> {</em><br />
<em> private static List<Student> students;</em><br />
<em> </em></div>
<div style="background-color: lightgrey;">
<em> public static List<Student> GetAllStudents()</em><br />
<em> {</em><br />
<em> //Code logic to get all students.</em><br />
<em> }</em></div>
<div style="background-color: lightgrey;">
<em> public static Student GetStudent(string studentID)</em><br />
<em> {</em><br />
<em> //Code Logic to get all students.</em><br />
<em> }</em></div>
<div style="background-color: lightgrey;">
<em> public static void RemoveStudent(string studentID)</em><br />
<em> {</em><br />
<em> //Code Logic to delete a student</em><br />
<em> }</em></div>
<div style="background-color: lightgrey;">
<em> public static void AddStudent(Student student)</em><br />
<em> {</em><br />
<em> //Code Logic to Add a new student.</em><br />
<em> }</em></div>
<div style="background-color: lightgrey;">
<em> public static void UpdateStudent(Student student)</em><br />
<em> {</em><br />
<em> //Code Logic to Update a student.</em><br />
<em> }</em>
<div>
<em> }</em></div>
</div>
<div>
</div>
<div>
Now, its time to add controller class to your project. In
controller folder, you will find two controller classes by default i.e.
HomeController.cs and ValuesController.cs. Add a new controller
“StudentsController.cs” under “Controller” folder. Following will be the
code for it.</div>
<div>
</div>
<div>
<div style="background-color: lightgrey;">
<div>
<em>public class StudentsController : ApiController</em></div>
<div>
<em> {</em></div>
<div>
<em> public List<Student> Get()</em></div>
<div>
<em> {</em></div>
<div>
<em> return StudentRepository.GetAllStudents();</em></div>
<div>
<em> }</em></div>
<div>
<em> public Student Get(string id)</em></div>
<div>
<em> {</em></div>
<div>
<em> return StudentRepository.GetStudent(id);</em></div>
<div>
<em> }</em></div>
<div>
<em> public void Post(Student Student)</em></div>
<div>
<em> {</em></div>
<div>
<em> StudentRepository.AddStudent(Student);</em></div>
<div>
<em> }</em></div>
<div>
<em> public void Put(Student Student)</em></div>
<div>
<em> {</em></div>
<div>
<em> StudentRepository.UpdateStudent(Student);</em></div>
<div>
<em> }</em></div>
<div>
<em> public void Delete(string id)</em></div>
<div>
<em> {</em></div>
<div>
<em> StudentRepository.RemoveStudent(id);</em></div>
<div>
<em> }</em></div>
<div>
<em> }</em></div>
</div>
</div>
In this ASP.NET Web API article we have completed the code for
performing CRUD operations using ASP.NET Web API. In second part of this
article, we will focus on writing the code for consuming the service.<br />
<br />
we developed an application that perform all CRUD (Create, Retrieve,
Update, Delete) operations using Microsoft ASP.NET Web API. Now, In this
part, we will consume HTTP service developed using ASP.NET Web API
using jQuery.<br />
<br />How HTTP service is developed using ASP.NET Web API.<br />
<ul style="text-align: left;">
<li>Created a domain model class i.e. <i>Student</i></li>
<li>Implemented a <i>StudentRepository</i> class that contains actual code for DB interaction.</li>
<li>Added a <i>StudentController</i> class implementing <i>ApiController</i>.</li>
</ul>
Focus of this article will remain on jQuery code for consuming HTTP
service, although following is the HTML code for displaying data
returned from Web API service on get requrest. You can add following
HTML table to your web page.<br />
<table border="0" style="width: 100%px;">
<tbody>
<tr>
<td width="10%"><br /></td>
<td align="center" width="40%"> <ins class="adsbygoogle" data-ad-client="ca-pub-9997101014530813" data-ad-slot="6598288681" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"><ins id="aswift_1_expand" style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"><ins id="aswift_1_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"></ins></ins></ins></td>
<td width="10%"><br /></td>
<td align="center" width="40%"> <ins class="adsbygoogle" data-ad-client="ca-pub-9997101014530813" data-ad-slot="6598288681" data-adsbygoogle-status="done" style="display: inline-block; height: 90px; width: 200px;"><ins id="aswift_2_expand" style="background-color: transparent; border: none; display: inline-table; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"><ins id="aswift_2_anchor" style="background-color: transparent; border: none; display: block; height: 90px; margin: 0; padding: 0; position: relative; visibility: visible; width: 200px;"></ins></ins></ins></td>
</tr>
</tbody>
</table>
<div style="background-color: lightgrey;">
<em><table border=’1′ id=”students”></em><br />
<em> <!– Make a Header Row –></em><br />
<em> <tr></em><br />
<em> <td><b>StudentID</b></td></em><br />
<em> <td><b>FirstName</b></td></em><br />
<em> <td><b>LastName</b></td></em><br />
<em> </tr></em><br />
<em> </table></em></div>
jQuery Ajax call for all CRUD operations has following important elements that need to be understood for implementation.<br />
<ul style="text-align: left;">
<li><b>type</b> is HTTP verb used for the calls i.e. GET, POST, PUT, DELETE etc.</li>
<li><b>url</b> is the Web API service URL pointing to Controller class.</li>
<li><b>Content Type</b> is the type of data sending to server i.e. JSON here.</li>
<li><b>dataType</b> is the type of data expected back from server i.e. JSON.</li>
</ul>
So, in order to get all students and display on a web page,
GetAllStudents() function make jQuery ajax call with “GET” as type and
url pointing to our Web API service controller i.e. StudentsController.<br />
<div style="background-color: lightgrey;">
<em>// GET ALL</em><br />
<em> function GetAllStudents()</em><br />
<em> {</em><br />
<em> $.ajax({</em><br />
<em> type: “GET”,</em><br />
<em> url: “http://localhost/CRUDWebAPI/api/students/”,</em><br />
<em> contentType: “json”,</em><br />
<em> dataType: “json”,</em><br />
<em> success: function (data) {</em><br />
<em> $.each(data, function (key, value) {</em><br />
<em> //stringify</em><br />
<em> var jsonData = JSON.stringify(value);</em><br />
<em> //Parse JSON</em><br />
<em> var objData = $.parseJSON(jsonData);</em><br />
<em> var id = objData.StudentId;</em><br />
<em> var fname = objData.FirstName;</em><br />
<em> var lname = objData.LastName;$(‘<tr><td>’ + id + ‘</td><td>’ + fname +</em><br />
<em> ‘</td><td>’ + lname + ‘</td></tr>’).appendTo(‘#students’);</em><em>});</em><br />
<em> },</em><br />
<em> error: function (xhr) {</em><br />
<em> alert(xhr.responseText);</em><br />
<em> }</em><br />
<em> });</em><br />
<em> }</em></div>
On success, stringify the JSON object, parse and load into students table as a row for each separate record.<br />
For getting a specific student record we can modify the URL by passing id of student as follows:<br />
<i> http://localhost/CRUDWebAPI/api/students/1</i><br />
GetStudentById() doing almost the same as that of GetAllStudents() except that it passes id for fetching the records.<br />
<div style="background-color: lightgrey;">
<em>//GET</em><br />
<em> function GetStudentById()</em><br />
<em> {</em><br />
<em> $.ajax({</em><br />
<em> type: “GET”,</em><br />
<em> url: “http://localhost/CRUDWebAPI/api/students/1″,</em><br />
<em> contentType: “json”,</em><br />
<em> dataType: “json”,</em><br />
<em> success: function (data) {</em><br />
<em> //stringify</em><br />
<em> var jsonData = JSON.stringify(data);</em><br />
<em> //Parse JSON</em><br />
<em> var objData = $.parseJSON(jsonData);</em><br />
<em> var objData = $.parseJSON(jsonData);</em><br />
<em> var id = objData.StudentId;</em><br />
<em> var fname = objData.FirstName;</em><br />
<em> var lname =
objData.LastName;$(‘<tr><td>’ + id + ‘</td><td>’
+ fname +</em><br />
<em>
‘</td><td>’ + lname +
‘</td></tr>’).appendTo(‘#students’);</em><br />
<em> },</em><br />
<em> error: function (xhr) {</em><br />
<em> alert(xhr.responseText);</em><br />
<em> }</em><br />
<em> });</em><br />
<em> }</em></div>
Now, for Adding a new student, AddNewStudent() function does the following:<br />
<ul style="text-align: left;">
<li>Prepare a JSON object and pass as a parameter to “data” element of jQuery ajax call.</li>
<li>type is “POST” for create operation.</li>
<li>url is pointing to StudentsController.</li>
</ul>
<div style="background-color: lightgrey;">
<em>//ADD or CREATE</em><br />
<em> function AddNewStudent()</em><br />
<em> {</em><br />
<em> var studentData = {</em><br />
<em> “FirstName”: “Imran”,</em><br />
<em> “LastName”: “Ghani”</em><br />
<em> };</em><br />
<em> $.ajax({</em><br />
<em> type: “POST”,</em><br />
<em> url: “http://localhost/CRUDWebAPI/api/students/”,</em><br />
<em> data: JSON.stringify(studentData),</em><br />
<em> contentType: “application/json; charset=utf-8″,</em><br />
<em> dataType: “json”,</em><br />
<em> processData: true,</em><br />
<em> success: function (data, status, jqXHR) {</em><br />
<em> alert(“success…” + data);</em><br />
<em> },</em><br />
<em> error: function (xhr) {</em><br />
<em> alert(xhr.responseText);</em><br />
<em> }</em><br />
<em> });</em><br />
<em> }</em></div>
For Updating an existing student, UpdateStudent() function does the following:<br />
<ul style="text-align: left;">
<li>Prepare a JSON object and pass as a parameter to “data” element of jQuery ajax call.</li>
<li>type is “PUT” for update operation.</li>
<li>url is pointing to StudentsController with StudentId.</li>
</ul>
<div style="background-color: lightgrey;">
<em>//UPDATE</em><br />
<em> function UpdateStudent()</em><br />
<em> {</em><br />
<em> var studentData = {</em><br />
<em> “StudentId”: 1,</em><br />
<em> “FirstName”: “Imran”,</em><br />
<em> “LastName”: “Ghani”</em><br />
<em> };</em><br />
<em> $.ajax({</em><br />
<em> type: “PUT”,</em><br />
<em> url: “http://localhost/CRUDWebAPI/api/students/1″,</em><br />
<em> data: JSON.stringify(studentData),</em><br />
<em> contentType: “application/json; charset=utf-8″,</em><br />
<em> dataType: “json”,</em><br />
<em> processData: true,</em><br />
<em> success: function (data, status, jqXHR) {</em><br />
<em> alert(“success…” + data);</em><br />
<em> },</em><br />
<em> error: function (xhr) {</em><br />
<em> alert(xhr.responseText);</em><br />
<em> }</em><br />
<em> });</em><br />
<em> }</em></div>
Finally, for deleting a record, jQuery ajax call code in DeleteStudent() function is as follows:<br />
<ul>
<li>type is “DELETE” for delete operation.</li>
<li>url is pointing to StudentsController with StudentId.</li>
</ul>
<div style="background-color: lightgrey;">
<em>//DELETE</em><br />
<em> function DeleteStudent()</em><br />
<em> {</em><br />
<em> $.ajax({</em><br />
<em> type: “DELETE”,</em><br />
<em> url: “http://localhost/CRUDWebAPI/api/students/1″,</em><br />
<em> contentType: “json”,</em><br />
<em> dataType: “json”,</em><br />
<em> success: function (data) {</em><br />
<em> alert(“successs…. ” + data);</em><br />
<em> },</em><br />
<em> error: function (xhr) {</em><br />
<em> alert(xhr.responseText);</em><br />
<em> }</em><br />
<em> });</em><br />
<em> }</em></div>
<br />
Hopefully this series of article on ASP.NET Web API will be helpful for web developers.<br />
<br />
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-49091509400752025512014-10-08T22:52:00.000-07:002014-10-08T22:52:33.750-07:00Implementing & Consuming ASP.NET WEB API from JQuery (MVC 4)<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="summary" id="ctl00_description">
CodeProjectIn
this post we will see how to create a our own WEB API service and will
consume it in client using JQuery.This is the UI i am planning to
create, which in-turn talk to a ASP.NET WEB API Service for rendering
data. We need to create a API Service and an Application consuming
it.Lets do i</div>
<div class="summary" id="ctl00_description">
</div>
In this post we will see how to create a our own WEB API service and will consume it in client using JQuery.
<br />
This is the UI i am planning to create, which in-turn talk to a
ASP.NET WEB API Service for rendering data. We need to create a API
Service and an Application consuming it.<br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxcZeGWyYbOggWTAeQd3Et3KARMWrU8pfOzpvv8c6y-Qh2J_eK8xmFjizSrjzB7so0ZYzgJt6AK7FxXAA0Jmpeqt9ATCBZVM3pdk9a7OtfLsnG5nAG5fDavsKiwCvfgcXHU9INvOq1WHA/s640/1.png" style="margin-left: auto; margin-right: auto;" width="640" /></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Dodaj napis</td></tr>
</tbody></table>
<br />
<br />
Lets do it step by step.
<br />
<br />
<strong>Step 1: </strong>Create a solution and add 2 MVC 4 projects , one with WEB API template and another with INTERNET Application template.<br />
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgToNrmY5rHzoWzT8WvaYMXmJXhSqi4Mk11x_78m6ISd-L9WXb7fl5Wt-ZWaCDnT9HETcWVnABaKrGaRrLhDLQv0ZAhuopjQlJf2hIQEmwcRhxQ2yNdOkY3Lj8UE2oGpCi8UqHgtp7uRT0/s1600/2.png" />
<br />
<br />
<strong>Step 2:</strong> Lets create our custom WEB API Service.
Go to API_SVC project and under Controllers folder you can see
ValuesController.cs. This is the default WEB API service fie added,
either you can modify, or you can add a new API Controller, using Add
option.<br />
<br />
<img border="0" height="260" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWGt4g_RNb4JY0AfnuRSavLnxbmtO0KE8sExL3IvZWM_WiQsKfc7Uk7O6oyislfs5Ci7VAE9ZHoUobie7u3CQlLFmM2dCyv_4mZLbPAIZ5U7E3wYfAhZy1Oi3i9drH2IrIZlIJe6LgrHI/s400/3.png" width="400" />
<br />
<br />
<strong> Step 3:</strong>I created a Service file with name "EmployeeAPI".
<em>EmployeeAPIConstroller.cs</em>
<br />
<div class="pre-action-link" id="premain0" style="display: block;" width="100%">
<br /><a href="http://www.codeproject.com/Articles/424461/Implementing-Consuming-ASP-NET-WEB-API-from-JQuery#"></a></div>
<pre id="pre0" style="margin-top: 0px;"><span class="code-keyword">namespace</span> API_SVC.Controllers
{
<span class="code-keyword">public</span> <span class="code-keyword">class</span> EmployeeAPIController : ApiController
{
<span class="code-keyword">private</span> List<employee> EmpList = <span class="code-keyword">new</span> List<employee>();
<span class="code-keyword">public</span> EmployeeAPIController()
{
EmpList.Add(<span class="code-keyword">new</span> Employee(<span class="code-digit">1</span>, <span class="code-string">"</span><span class="code-string">Employee1"</span>, <span class="code-string">"</span><span class="code-string">Employee Department1"</span>, <span class="code-digit">9999888877</span>));
EmpList.Add(<span class="code-keyword">new</span> Employee(<span class="code-digit">2</span>, <span class="code-string">"</span><span class="code-string">Employee2"</span>, <span class="code-string">"</span><span class="code-string">Employee Department2"</span>, <span class="code-digit">7777888899</span>));
EmpList.Add(<span class="code-keyword">new</span> Employee(<span class="code-digit">3</span>, <span class="code-string">"</span><span class="code-string">Employee3"</span>, <span class="code-string">"</span><span class="code-string">Employee Department3"</span>, <span class="code-digit">9999777788</span>));
}
<span class="code-comment">//</span><span class="code-comment"> GET api/EmployeeAPI
</span> <span class="code-keyword">public</span> IEnumerable<Employee> GetEmployees()
{
<span class="code-keyword">return</span> EmpList;
}
<span class="code-comment">//</span><span class="code-comment"> GET api/EmployeeAPI/5
</span> <span class="code-keyword">public</span> Employee GetEmployee(<span class="code-keyword">int</span> id)
{
<span class="code-keyword">return</span> EmpList.Find(e => e.ID == id);
}
<span class="code-comment">//</span><span class="code-comment"> POST api/EmployeeAPI
</span> <span class="code-keyword">public</span> IEnumerable<Employee> Post(Employee value)
{
EmpList.Add(value);
<span class="code-keyword">return</span> EmpList;
}
<span class="code-comment">//</span><span class="code-comment"> PUT api/EmployeeAPI/5
</span> <span class="code-keyword">public</span> <span class="code-keyword">void</span> Put(<span class="code-keyword">int</span> id, <span class="code-keyword">string</span> value)
{
}
<span class="code-comment">//</span><span class="code-comment"> DELETE api/EmployeeAPI/5
</span> <span class="code-keyword">public</span> IEnumerable<Employee> Delete(<span class="code-keyword">int</span> id)
{
EmpList.Remove(EmpList.Find(E => E.ID == id));
<span class="code-keyword">return</span> EmpList;
}
}
}<span class="code-keyword"></</span><span class="code-leadattribute">employee</span><span class="code-keyword">></span><span class="code-keyword"><</span><span class="code-keyword">/</span><span class="code-leadattribute">employee</span><span class="code-keyword">></span></pre>
<br />
<strong>Step 4:</strong>I ensure that it is hosted on IIS and can be
accessed through URL mentioned on each of the service methods. for
example lets check GetEmployee() method using Fiddler.
<br />
Action:<br />
<br />
<img border="0" height="204" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv_hOdDnsAINiwf93_ghst5CnpGmi48_r-Fn_TkuuRai96tbnlEJ0pXlKR1gIGdsXup02vlRkva8C2skIgesiijEC6tIzmph5swL2xDTKaVSYXsgxIN5Vre6HwYnGzZ6VC5s7yvMwaHQQ/s640/4.png" width="640" />
<br />
Result:
<br />
<img border="0" height="454" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEist-SRFX455hdxWm9T4Y_DsIkpKEGPxuxE6N-iZGXeccv2zpjZEXnYsIzAVNWqcQWdES3xYPbFmQPwXRRwnoLqHdoT3TaXafQGYtGqmTB3ithN_YkFhDCO1N7BzSFZmMa_mqgbEViMqdk/s640/5.png" width="640" />
<br />
<br />
Now that we confirm that we are done with creation of simple WEB API HTTP Service.<br />
<br />
<strong>Step 5: </strong>Move to the second application i.e., API_APP , the MVC 4 internet application, and open <strong>Index.cshtml</strong>
under Home. To demonstrate the simplicity of ASP.NET WEB API Service, i
will call them using nothing but JQuery i.e., Client side code.
<em> Index.cshtml Code View:</em>
<br />
<div class="pre-action-link" id="premain1" style="display: block;" width="100%">
</div>
<div class="pre-action-link" id="premain1" style="display: block;" width="100%">
</div>
<pre id="pre1" style="margin-top: 0px;">@{
ViewBag.Title = <span class="code-string">"</span><span class="code-string">Home Page"</span>;
}
@section featured {
<section class=<span class="code-string">"</span><span class="code-string">featured"</span>>
<div class=<span class="code-string">"</span><span class="code-string">content-wrapper"</span>>
<hgroup class=<span class="code-string">"</span><span class="code-string">title"</span>>
<h1>@ViewBag.Title.</h1>
<h2>@ViewBag.Message</h2>
</hgroup>
<div>
<table><tr>
<td><button onclick=<span class="code-string">"</span><span class="code-string">GetAllEmployees();return false;"</span>>Get All Employees</button></td>
<td>Enter Employee Id: <input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtEmpid"</span> style=<span class="code-string">"</span><span class="code-string">width:50PX"</span>/></td>
<td><button onclick=<span class="code-string">"</span><span class="code-string">GetEmployee();return false;"</span>>Get Employee</button></td>
<td>
<table>
<tr><td>EmpId:</td><td><input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtaddEmpid"</span> /></td></tr>
<tr> <td>Emp Name:</td><td><input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtaddEmpName"</span> /></td></tr>
<tr> <td>Emp Department:</td><td><input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtaddEmpDep"</span> /></td></tr>
<tr><td>Mobile no:</td><td><input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtaddEmpMob"</span> /></td></tr>
</table>
</td>
<td><button onclick=<span class="code-string">"</span><span class="code-string">AddEmployee();return false;"</span>>Add Employee</button></td>
<td>Delete Employee <input type=<span class="code-string">"</span><span class="code-string">text"</span> id=<span class="code-string">"</span><span class="code-string">txtdelEmpId"</span> style=<span class="code-string">"</span><span class="code-string">width:50PX"</span>/></td>
<td><button onclick=<span class="code-string">"</span><span class="code-string">DeleteEmployee(); return false;"</span>>Delete Employee</button></td>
</tr></table>
</div>
</div>
</section>
}
<h3>Oputput of action done through WEB API:</h3>
<ol class=<span class="code-string">"</span><span class="code-string">round"</span>>
<li>
<div id=<span class="code-string">"</span><span class="code-string">divResult"</span>></div>
</li>
</ol></pre>
<h4>
Index.cshtml UI view</h4>
<img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxcZeGWyYbOggWTAeQd3Et3KARMWrU8pfOzpvv8c6y-Qh2J_eK8xmFjizSrjzB7so0ZYzgJt6AK7FxXAA0Jmpeqt9ATCBZVM3pdk9a7OtfLsnG5nAG5fDavsKiwCvfgcXHU9INvOq1WHA/s640/1.png" width="640" /><br />
<strong>Step 6:</strong> Lets see how we can associate each button to an action of API Service. First look at "<strong>Get All Employees</strong>" button and its onclick event in above code.Its is calling "<strong>GetAllEmployees()</strong>" , a script function in-turn calling WEB API Service using JQuery.
<br />
<div class="pre-action-link" id="premain2" style="display: block;" width="100%">
</div>
<div class="pre-action-link" id="premain2" style="display: block;" width="100%">
</div>
<pre id="pre2" style="margin-top: 0px;">function GetAllEmployees() {
jQuery.support.cors = <span class="code-keyword">true</span>;
$.ajax({
url: <span class="code-string">'</span><span class="code-string">http://localhost:8080/API_SVC/api/EmployeeAPI'</span>,
type: <span class="code-string">'</span><span class="code-string">GET'</span>,
dataType: <span class="code-string">'</span><span class="code-string">json'</span>,
success: function (data) {
WriteResponse(data);
},
error: function (x, y, z) {
alert(x + <span class="code-string">'</span><span class="code-string">\n'</span> + y + <span class="code-string">'</span><span class="code-string">\n'</span> + z);
}
});
}</pre>
Spare sometime looking at above code snippet. See the URL part of
Ajax Get request, that is all we need to consume the WEB API Service we
created earlier. Make sure you give all the parameters properly so that
it invoke right methods.
<br />
<strong>Step 7:</strong> WriteResponse() and ShowEmployee() are
the 2 methods i created to display the JSON result in a proper way.
Below is the JQuery part associating each button to a method of WEB API
Service.
<br />
<div class="pre-action-link" id="premain3" style="display: block;" width="100%">
<img height="9" id="preimg3" src="http://www.codeproject.com/images/minus.gif" style="cursor: pointer;" width="9" /><span id="precollapse3" style="cursor: pointer; margin-bottom: 0px;"> Collapse</span><span> | </span><a href="http://www.codeproject.com/Articles/424461/Implementing-Consuming-ASP-NET-WEB-API-from-JQuery#">Copy Code</a></div>
<pre id="pre3" style="margin-top: 0px;"><span class="code-keyword"><</span><span class="code-leadattribute">script</span> <span class="code-attribute">type</span><span class="code-keyword">="</span><span class="code-keyword">text/javascript"</span><span class="code-keyword">></span>
<span class="code-keyword">function</span> GetAllEmployees() {
jQuery.support.cors = <span class="code-keyword">true</span>;
$.ajax({
url: <span class="code-string">'</span><span class="code-string">http://localhost:8080/API_SVC/api/EmployeeAPI'</span>,
type: <span class="code-string">'</span><span class="code-string">GET'</span>,
dataType: <span class="code-string">'</span><span class="code-string">json'</span>,
success: <span class="code-keyword">function</span> (data) {
WriteResponse(data);
},
error: <span class="code-keyword">function</span> (x, y, z) {
alert(x + <span class="code-string">'</span><span class="code-string">\n'</span> + y + <span class="code-string">'</span><span class="code-string">\n'</span> + z);
}
});
}
<span class="code-keyword">function</span> AddEmployee() {
jQuery.support.cors = <span class="code-keyword">true</span>;
<span class="code-keyword">var</span> employee = {
ID: $(<span class="code-string">'</span><span class="code-string">#txtaddEmpid'</span>).val(),
EmpName: $(<span class="code-string">'</span><span class="code-string">#txtaddEmpName'</span>).val(),
EmpDepartment: $(<span class="code-string">'</span><span class="code-string">#txtaddEmpDep'</span>).val(),
EmpMobile: $(<span class="code-string">'</span><span class="code-string">#txtaddEmpMob'</span>).val()
};
$.ajax({
url: <span class="code-string">'</span><span class="code-string">http://localhost:8080/API_SVC/api/EmployeeAPI'</span>,
type: <span class="code-string">'</span><span class="code-string">POST'</span>,
data:JSON.stringify(employee),
contentType: <span class="code-string">"</span><span class="code-string">application/json;charset=utf-8"</span>,
success: <span class="code-keyword">function</span> (data) {
WriteResponse(data);
},
error: <span class="code-keyword">function</span> (x, y, z) {
alert(x + <span class="code-string">'</span><span class="code-string">\n'</span> + y + <span class="code-string">'</span><span class="code-string">\n'</span> + z);
}
});
}
<span class="code-keyword">function</span> DeleteEmployee() {
jQuery.support.cors = <span class="code-keyword">true</span>;
<span class="code-keyword">var</span> id = $(<span class="code-string">'</span><span class="code-string">#txtdelEmpId'</span>).val()
$.ajax({
url: <span class="code-string">'</span><span class="code-string">http://localhost:8080/API_SVC/api/EmployeeAPI/'</span>+id,
type: <span class="code-string">'</span><span class="code-string">DELETE'</span>,
contentType: <span class="code-string">"</span><span class="code-string">application/json;charset=utf-8"</span>,
success: <span class="code-keyword">function</span> (data) {
WriteResponse(data);
},
error: <span class="code-keyword">function</span> (x, y, z) {
alert(x + <span class="code-string">'</span><span class="code-string">\n'</span> + y + <span class="code-string">'</span><span class="code-string">\n'</span> + z);
}
});
}
<span class="code-keyword">function</span> WriteResponse(employees) {
<span class="code-keyword">var</span> strResult = <span class="code-string">"</span><span class="code-string"><table><th>EmpID</th><th>Emp Name</th><th>Emp Department</th><th>Mobile No</th>"</span>;
$.each(employees, <span class="code-keyword">function</span> (index, employee) {
strResult += <span class="code-string">"</span><span class="code-string"><tr><td>"</span> + employee.ID + <span class="code-string">"</span><span class="code-string"></td><td> "</span> + employee.EmpName + <span class="code-string">"</span><span class="code-string"></td><td>"</span> + employee.EmpDepartment + <span class="code-string">"</span><span class="code-string"></td><td>"</span> + employee.EmpMobile + <span class="code-string">"</span><span class="code-string"></td></tr>"</span>;
});
strResult += <span class="code-string">"</span><span class="code-string"></table>"</span>;
$(<span class="code-string">"</span><span class="code-string">#divResult"</span>).html(strResult);
}
<span class="code-keyword">function</span> ShowEmployee(employee) {
<span class="code-keyword">if</span> (employee != <span class="code-keyword">null</span>) {
<span class="code-keyword">var</span> strResult = <span class="code-string">"</span><span class="code-string"><table><th>EmpID</th><th>Emp Name</th><th>Emp Department</th><th>Mobile No</th>"</span>;
strResult += <span class="code-string">"</span><span class="code-string"><tr><td>"</span> + employee.ID + <span class="code-string">"</span><span class="code-string"></td><td> "</span> + employee.EmpName + <span class="code-string">"</span><span class="code-string"></td><td>"</span> + employee.EmpDepartment + <span class="code-string">"</span><span class="code-string"></td><td>"</span> + employee.EmpMobile + <span class="code-string">"</span><span class="code-string"></td></tr>"</span>;
strResult += <span class="code-string">"</span><span class="code-string"></table>"</span>;
$(<span class="code-string">"</span><span class="code-string">#divResult"</span>).html(strResult);
}
<span class="code-keyword">else</span> {
$(<span class="code-string">"</span><span class="code-string">#divResult"</span>).html(<span class="code-string">"</span><span class="code-string">No Results To Display"</span>);
}
}
<span class="code-keyword">function</span> GetEmployee() {
jQuery.support.cors = <span class="code-keyword">true</span>;
<span class="code-keyword">var</span> id = $(<span class="code-string">'</span><span class="code-string">#txtEmpid'</span>).val();
$.ajax({
url: <span class="code-string">'</span><span class="code-string">http://localhost:8080/API_SVC/api/EmployeeAPI/'</span>+id,
type: <span class="code-string">'</span><span class="code-string">GET'</span>,
dataType: <span class="code-string">'</span><span class="code-string">json'</span>,
success: <span class="code-keyword">function</span> (data) {
ShowEmployee(data);
},
error: <span class="code-keyword">function</span> (x, y, z) {
alert(x + <span class="code-string">'</span><span class="code-string">\n'</span> + y + <span class="code-string">'</span><span class="code-string">\n'</span> + z);
}
});
}
<span class="code-keyword"></</span><span class="code-leadattribute">script</span><span class="code-keyword">></span></pre>
<strong>Step 8:</strong> What else we left with except verifying the output.
<br />
Action 1:
<br />
<img border="0" height="300" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiymuIEJBz1qm4kciV5Qs_8AmM7uXh1bII1TfsV2qMZIRsAyGztzKuQdFw_iLkU7hZ_Lcgu2Dz5oHEhxdR_-aAIiXYhBCbNouUlYr7WgOe8Zz1fS48nXfoqJWtAkTpDpxNJZ8l8lZqU2II/s640/op1.png" width="640" />
<br />
Action 2:
<br />
<img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGWq5Swk3z5TNPl1F4B8iB9DHdfMTuxZObY7214ylG99A6YsiiCl2Tl1Ah-BqiG32Q97SGO_6Tdq1yOlRBNEGbjbEXQV6cxKHdkZ5XRfCgzk1CEeZf7mybA7jZvXQsgCGZqt6sx5B8-g/s640/op2.png" width="640" />
<br />
Action 3:
<br />
<img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcGRVyjIEMuzLUpxMEAUaXKmbL4KBcKmc5K8kFV5k2W5iXPVHbS8vjKRMtvMJV8XMPE4GeBczbhh9VYGH9getxxznNmIQfoILAtuzJsR9RmY1YLohyphenhyphennc-mZQQ-R4iiUliTcByGkRauhwg/s640/op3.png" width="640" />
<br />
Action 4:
<br />
<img border="0" height="288" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOr4S_Zy5xNRacnik1jolx9KXX-xE2h8xH-MT0A5iEwu1elRxNjaJKkh_sNuQBvmxUK-OgO4ZzcqTcgJF8hSxZmdZliKOnfz5T94QcLbrRqfEWcQ9o3g1yyKUqIce4lEXB050IMl8ZCng/s640/op4.png" width="640" /><br />
<strong>Step 9:</strong> Apart from fact that it is simple to
configure and create, we need to consider that its a RESTful service
which is light weight and will have incredible performance.
<br />
Look at the below snapshot of HttpWatch Log for Action #1, which
was completed in 50 milli seconds. I accept both applications are on
same machine and solution, but the communication never happened through
dlls. The execution happened via IIS just like typical service call.
Even if you add the Network lag, we should say it is a good performance.
<br />
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhO6IVLinW_n6VWFeQWNmXV-9dNTR38-6GiRnMMsH0E7YoOjWVDVugSa9PbsGSuLLLmGD5RfMMUMNwLhkZBYT4Lx_dDF7x7ltWdgq_nrGBNdO5KehQB-_F2AFdOIAfh6GU1mwDLO3jJgGI/s1600/op5.png" /></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-36476944593324274632014-08-27T10:13:00.000-07:002014-08-27T10:13:15.244-07:00Single Responsibility Principle <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-3211661656111392431" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVaKFZlJBfTbrk3juJ7sqfnMI_TSO3ufgWnIOGmqJUTU9IEgYxsoefpIK3254GK-l3Zg0q0ww-Tj9zd0VsWvogs05da-Ufk_Uq8gf63EuaRuE3vpuXKjPlRBol4mWaqc3edBpgloLsAzP8/s400/SingleResponsibility.jpg" width="400" /></div>
According to the single responsibility principle:<br />
A class,a method ,an assembly should have one and only one reason to change.<br />
<h2 style="text-align: left;">
Explanation:</h2>
<br />
<ul style="text-align: left;">
<li><span style="background-color: white;">If we have more than one
reasons ,say you have n reasons to change for a class, we have to split
the functionality in into n number classes.</span></li>
<li><span style="background-color: white;">Each class will handle only
one responsibility and on future if we need to make one change we are
going to make it in the class which handle it. </span></li>
<li><span style="background-color: white;">When we need to make a change
in a class having more responsibilities the change might affect the
other functionality of the classes.</span></li>
<li><span style="background-color: white;">The Single Responsibility
Principle represents a good way of identifying classes during the design
phase of an application and it reminds you to think of all the ways a
class can evolve.</span></li>
<li><span style="background-color: white;">A good separation of responsibilities is done only when the full picture of how the application should work is well understand.</span></li>
</ul>
<h2 style="text-align: left;">
Example</h2>
<div>
</div>
<div>
Suppose I have a project for customer management , using which users can</div>
<div>
a. Do CRUD(Create Retrieve Update Delete) operations on customer data</div>
<div>
b. Send mails for CU to customer and D to Administrator</div>
<div>
<span style="background-color: white;">c. and also, we have a requirement to log exceptions if there is a failure.</span></div>
<div>
</div>
<div>
So, the first step we do is create three layers in the CustomerManagementProject:</div>
<div>
a. UI</div>
<div>
b. BAL</div>
<div>
c. DAL</div>
<div>
</div>
<div>
Now, UI takes care of all UI related functionality and DAL takes care of all data related functionality.</div>
<div>
</div>
<div>
The middle tier has the business rules to</div>
<div>
a. Create/Update/Delete Customers</div>
<div>
b. Sending email and email format</div>
<div>
c. Log Exceptions.</div>
<div>
</div>
<div>
The BAL class looks like:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="316" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQVC3DUi1WfsKWD4Y9HEVV9NS6nbSB2A7hHC14-hqa3wfLW4uS67gGa7aVsJhiU5GcVyCtp-dDVET_ZJ8BQj21UqFlcVmKjeU2dmovNbtrEXpjO9RUtYTELbNwv9xB9czbyA1aTnRqMyHg/s320/ClassDiagram.png" width="320" /></div>
<div>
</div>
<div>
</div>
<div>
The sample sequence diagram is:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlKWeRvqLyst74S9Zz4hF_8hMazIQ7nfBma7r8PS6PFLeLtyVnlgHYGAAlGYKKuNk2jJkci60x8g7qEm9xev96J8AGr760UrTX2_giJD2Gpz0BHaprfa77cP36j1OA0rFRN0rI3gJmyAsE/s1600/Seq.png" /></div>
<div>
</div>
<div>
</div>
<div>
Now,</div>
<div>
if there is a change in the business rules to send email or log exceptions we are going to touch the manage customerBAL class.</div>
<div>
So, this class is violating SRP.</div>
<div>
</div>
<h2 style="text-align: left;">
How To Resolve:</h2>
<br />
1. Although BAL has to do all the three functions of managing customers, sending mails and logging errors.<br />
Let us have three separate projects:<br />
a. ManageCustomerBAL<br />
b.Exceptions<br />
c.Email<br />
<br />
So, now my solution looks something like:<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="312" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsSRdAULBvXj35FHGAf2ZuPhWMFvbVFnTYiaWeXu33Kp2xo9GsH0hrSF0XpEq-ux9h-j3XSVdspT4J-wW2aJK5QnwJEialB_IHNqRog4qFums9JdJEV3agzA4dbSQTolHW80nkT3L2iVpM/s320/Sample.PNG" width="320" /></div>
Even though we have moved exception and email to two different projects,
but still then we need to create an object of the exception class and
log exceptions.<br />
For example my BAL refers to Exception like<br />
<br />
Add reference<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTMyYB2gC1zkijDb643qOLtT80lP3Ul58FyKLB_IgMIdLd6p2C2WATQ5mqIRurg5R-jb5RcAuoK95SzUiWJzqU7HNrrSSmlt7cpzEg272CpdaVgmOBTUxIsmpvfc908YUuDki7tnxNtjCx/s1600/Namespace.PNG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTMyYB2gC1zkijDb643qOLtT80lP3Ul58FyKLB_IgMIdLd6p2C2WATQ5mqIRurg5R-jb5RcAuoK95SzUiWJzqU7HNrrSSmlt7cpzEg272CpdaVgmOBTUxIsmpvfc908YUuDki7tnxNtjCx/s1600/Namespace.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Create an instance of the class</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYPefyGZCA9NRL87S3aJizDBrwT1wyXLFbL4GmQdjTAPaNk8TRHxwIx1NuHDRNQDE-rkdlRr2xLQyw4Jr8eEn8hXozU9hlEyFQ7T4tDsSezqf1xOaTmuWl28drnUaHXsOAOINInYQc6sq/s1600/Fileexception.PNG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihYPefyGZCA9NRL87S3aJizDBrwT1wyXLFbL4GmQdjTAPaNk8TRHxwIx1NuHDRNQDE-rkdlRr2xLQyw4Jr8eEn8hXozU9hlEyFQ7T4tDsSezqf1xOaTmuWl28drnUaHXsOAOINInYQc6sq/s1600/Fileexception.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Call the method</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiqq_hxzJpn5AQu9OOUFBNfvZj1CdxD917hIEzUg075X_y81VO2RpelEXJ_Y9ztte4EqWNO19tzh32_4cV8lJ8fIwb0Y6D57OGzr5Co715m1NbyNRzc-VyRlkfU_6LI7oOvAViL5duYBb/s1600/CallMethod.PNG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpiqq_hxzJpn5AQu9OOUFBNfvZj1CdxD917hIEzUg075X_y81VO2RpelEXJ_Y9ztte4EqWNO19tzh32_4cV8lJ8fIwb0Y6D57OGzr5Co715m1NbyNRzc-VyRlkfU_6LI7oOvAViL5duYBb/s1600/CallMethod.PNG" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
So, now the sequence diagram looks like:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjybJaXVsrsrrMlTMihug-XBUI-2RVcwZyl9B5ixE-dTz5Gfim8OHpjVjmU6Lk_ZChlraMRdqDPtpybYzkaAEeWsX9RLkDZ-cXBw1480BZY-pgPu6O0VeWVMD8-Cwp97Ma0FRp7S4fmZIlN/s640/FileExceptionSequence.png" width="512" /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Similarly to log email exceptions we have another class in LogException namespace.</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bS76Af_zbHe_jXVv8dQoGTEJNn3U_9Sv9DyXTAdhX8Qx2Hst7qXVwt4kjMVHFgSFV5kpVWMvXQUcjZvJwTDi5kwGugewKgEsSDP78fEQqBTSqYvqPGbnhuNnGzjNZgnkRmkgqwuN7XJ2/s320/ExceptionClass.PNG" width="320" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
But suppose, the requirement changes and I need to add the exception to event viewer as well what do I do?</div>
<br />
You cannot come again and instance of another class in ManageCustomerBAL.<br />
If you create it you are again violating SRP.<br />
<br />
So, what should I do??<br />
<br />
Now , we need to add an interface for logging. The exception class and
the BAL refer to the exception logging methods using interface.<br />
So,<span style="background-color: white;">What we need to do is replace
the FileException Class with a generic interface and extend the
FileException class from this interface.</span><br />
<span style="background-color: white;">Step 1: Create a project to contain the Interface.</span><br />
<span style="background-color: white;">Step 2: And add method to the interface.</span><br />
<span style="background-color: white;"><br /></span><br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="188" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQmqwt7Nf7mVgVMxf9ShE9gTJC2tjN1CjMFFoCKyNZmoW6JsnBrTpIJCB28VTM4OdWdxFV8pbmdMH42ma38Wla5HWUkQkPFF80iu8K-z_p9kPFAEmd42qxc3zuFiro7hYfMWuGxxgW9oea/s320/Interface.PNG" width="320" /></div>
Step 4 : Extend this Interface in all the exception classes<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="196" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT6GmO5ZxwJZEM9wPgxv5zmoPdiMds3XXlZi5Fx2QunX1l7Cs_GZZrIii0v_-ewlIEhBZoRfmaQIeqlXsC4S4yG5XqY_nGzAq5MvjOTHCO8MGbgX8EjTcvdJ1FDBUwCPoFNiLuvbIUafiT/s320/Implement.PNG" width="320" /></div>
<br />
Step 5: Remove the reference to Exception from BAL and add reference to IInterface.<br />
Step 6: Add reference for the interface in BAL<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KvZjGdfRRXxCNisRR4LPd8qx9AyJsiQfZMQ5Pu3_XTPcZ-2SxKr3kivJ86JUhyphenhyphen5TMs3wwbb-7DMUwHA4rwmRxslRCPeQE8dCWi_kWMcYSWvcRnJcHrkNVeim2GuKDZSTjfGtvxOVs4GD/s1600/Reference.PNG" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7KvZjGdfRRXxCNisRR4LPd8qx9AyJsiQfZMQ5Pu3_XTPcZ-2SxKr3kivJ86JUhyphenhyphen5TMs3wwbb-7DMUwHA4rwmRxslRCPeQE8dCWi_kWMcYSWvcRnJcHrkNVeim2GuKDZSTjfGtvxOVs4GD/s1600/Reference.PNG" /></a></div>
<br />
<span style="background-color: white;"><br /></span><br />
<span style="background-color: white;"><br /></span><br />
<span style="background-color: white;">Now that we have added an
interface , there is going to be no change in the BAL if we are going to
add a new class to the LogException Namespace.</span><br />
<span style="background-color: white;">The problem is how do I create an object for the interface?</span><br />
<span style="background-color: white;">So, I should use a factory class.</span><br />
<span style="background-color: white;">Step 7: Add a ExceptionFactory project </span><br />
<span style="background-color: white;">Step 8 : Add reference to Exception and IInterface to the ExceptionFactory project.</span><br />
<span style="background-color: white;">The interface is what which will help to identify the classes properly.</span><br />
and how do you identify the class?<br />
Step 9:You have a key-value pair in the web.config file something like<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGPzaa3tTK_rVWpaww0Zqt-JbXqoemQorsJNE8AASaPDi7tPhSwq_1h3HyEaYz53yUP5xfOQTgKlzQ2OcivUgRt9rW2nUt33GQWJZnxDzyzp0W2nYiB-mUjJd050BEfh0trgAmvHhXV-x/s1600/LogException.PNG" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="69" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVGPzaa3tTK_rVWpaww0Zqt-JbXqoemQorsJNE8AASaPDi7tPhSwq_1h3HyEaYz53yUP5xfOQTgKlzQ2OcivUgRt9rW2nUt33GQWJZnxDzyzp0W2nYiB-mUjJd050BEfh0trgAmvHhXV-x/s400/LogException.PNG" width="400" /></a></div>
<br />
Step 10: In the ExceptionFactory add a method which reads this web.config and creates objects of required classes.<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJ0kYzFF6TM-1Fd4xZEWHcCIuXsXQLjhD5NUSm4A8_TPPWtet9CTgJGquxiEo8MC7C-QtEplX4CC_3yD8zyBhyphenhyphenwfLNeLkIwpNsB4pGIuOCmI_JIVo1u4g2FH0Zuybh8Z4MbRKFzFzjdTQy/s400/Capture.PNG" width="400" /></div>
<br />
Step 11: Refer factory class in BAL<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD_LfeDZJxU9ATeirxfKhLzZQE6pVpxohHcRrwqv2dHLi-90bRpaqvOP17nzf1c27svpazLz7oSf3h-eODcZVhLDrwGrWWBGZyJRNmSyk12EZS5yNQ-6FsHs6zbZI4UZXvWXohpydeoP51/s1600/Capture.PNG" /></div>
<div class="separator" style="clear: both; text-align: left;">
So, whenever you have a change in requirement you need to change only at two places:</div>
<div class="separator" style="clear: both; text-align: left;">
a. The ExceptionFactory</div>
<div class="separator" style="clear: both; text-align: left;">
b.The LogException class.</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="209" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisMDeA68s_LGzSM0x44BAlT2dLRCfoolnXyxxThS4UC9Qg7b1THfPkiJqDjWiqLdLp8rVJFKECVzTsTZrZQ_mnDvqA6FP-rGxwjFPCUq2kN7Rvp3Xi2jFR5DAD-C_tKSoTonAKJMswNleJ/s320/Capture.PNG" width="320" /></div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-38804438969701545692014-08-27T10:11:00.000-07:002014-08-27T10:11:02.515-07:00Dependency Inversion Principle <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-7148956969351204262" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpYY8IaBVJKwOvO0wFHanJT4tPSYVbPkbBtk1fqpW2utLtiTqVr3n_R2-h8B86zUMqtWNkbSIcedV1fEnOAYyW9X8WazznEKd0DokBhSfGwPme0NGMfY7XCIAa9DB6p6Jyr7VTcd_KJkOd/s320/DependencyInversionPrinciple.jpg" width="320" /></div>
(A) High level modules should not depend upon low level modules. Both
should depend upon abstractions. (B) Abstractions should not depend upon
details. Details should depend upon abstractions.<br />
<br />
<h2 style="text-align: left;">
Explanation</h2>
<div>
<div>
<b><u>Scenario 1</u></b></div>
<div>
You work in an organization where you and your colleagues tend to travel
a lot. Generally you travel by air and every time you need to catch a
flight, you arrange for a pickup by a cab. You are aware of the airline
agency who does the flight bookings, and the cab agency which arranges
for the cab to drop you off at the airport. You know the phone numbers
of the agencies, you are aware of the typical conversational activities
to conduct the necessary bookings.</div>
<div>
</div>
<div>
Thus your typical travel planning routine might look like the following :</div>
<div>
</div>
<div>
Decide the destination, and desired arrival date and time</div>
<div>
Call up the airline agency and convey the necessary information to obtain a flight booking.</div>
<div>
Call up the cab agency, request for a cab to be able to catch a
particular flight from say your residence (the cab agency in turn might
need to communicate with the airline agency to obtain the flight
departure schedule, the airport, compute the distance between your
residence and the airport and compute the appropriate time at which to
have the cab reach your residence)</div>
<div>
Pickup the tickets, catch the cab and be on your way</div>
<div>
Now if your company suddenly changed the preferred agencies and their
contact mechanisms, you would be subject to the following relearning
scenarios</div>
<div>
</div>
<div>
The new agencies, and their new contact mechanisms (say the new agencies
offer internet based services and the way to do the bookings is over
the internet instead of over the phone)</div>
<div>
The typical conversational sequence through which the necessary bookings get done (Data instead of voice).</div>
<div>
Its not just you, but probably many of your colleagues would need to
adjust themselves to the new scenario. This could lead to a substantial
amount of time getting spent in the readjustment process.</div>
<div>
</div>
<div>
<b><u>Scenario 2</u></b></div>
<div>
Now lets say the protocol is a little bit different. You have an
administration department. Whenever you needed to travel an
administration department interactive telephony system simply calls you
up (which in turn is hooked up to the agencies). Over the phone you
simply state the destination, desired arrival date and time by
responding to a programmed set of questions. The flight reservations are
made for you, the cab gets scheduled for the appropriate time, and the
tickets get delivered to you.</div>
<div>
</div>
<div>
Now if the preferred agencies were changed, the administration
department would become aware of a change, would perhaps readjust its
workflow to be able to communicate with the agencies. The interactive
telephony system could be reprogrammed to communicate with the agencies
over the internet. However you and your colleagues would have no
relearning required. You still continue to follow exactly the same
protocol as earlier (since the administration department did all the
necessary adaptation in a manner that you do not need to do anything
differently).</div>
<div>
</div>
<div>
<b><u>Dependency Injection ?</u></b></div>
<div>
In both the scenarios, you are the client and you are dependent upon the
services provided by the agencies. However Scenario 2 has a few
differences.</div>
<div>
</div>
<div>
You don't need to know the contact numbers / contact points of the
agencies – the administration department calls you when necessary.</div>
<div>
You don't need to know the exact conversational sequence by which they
conduct their activities (Voice / Data etc.) (though you are aware of a
particular standardized conversational sequence with the administration
department)</div>
<div>
The services you are dependent upon are provided to you in a manner that
you do not need to readjust should the service providers change.</div>
<div>
Thats dependency injection in “real life”. This may not seem like a lot
since you imagine a cost to yourself as a single person – but if you
imagine a large organization the savings are likely to be substantial.</div>
<div>
</div>
<div>
Dependency Injection in a Software Context</div>
<div>
Software components (Clients), are often a part of a set of
collaborating components which depend upon other components (Services)
to successfully complete their intended purpose. In many scenarios, they
need to know “which” components to communicate with, “where” to locate
them, and “how” to communicate with them. When the way such services can
be accessed is changed, such changes can potentially require the source
of lot of clients to be changed.</div>
<div>
</div>
<div>
One way of structuring the code is to let the clients embed the logic of
locating and/or instantiating the services as a part of their usual
logic. Another way to structure the code is to have the clients declare
their dependency on services, and have some "external" piece of code
assume the responsibility of locating and/or instantiating the services
and simply supplying the relevant service references to the clients when
needed. In the latter method, client code typically is not required to
be changed when the way to locate an external dependency changes. This
type of implementation is considered to be an implementation of
Dependency Injection and the "external" piece of code referred to
earlier is likely to be either hand coded or implemented using one of a
variety of DI frameworks.</div>
</div>
<div>
<h2 style="text-align: left;">
<span style="background-color: white;">Benefits</span></h2>
</div>
<div>
<ul style="text-align: left;">
<li><span style="background-color: white;">Dependency Injection enables user to write loosely coupled code </span></li>
<li><span style="background-color: white;">Dependent object give up
control of managing their dependencies and instead let a Composition
Root inject the dependencies into them.</span></li>
<li><span style="background-color: white;">DI + Repository + Programming
against Interfaces overall help in separation of concerns and greatly
improves the overall application maintainability.</span></li>
<li><span style="background-color: white;">No Framework is required to do the changes.</span></li>
</ul>
<h2 style="text-align: left;">
Practical Examples:</h2>
</div>
<div>
MEF, Rhino, Spring etc.</div>
<div>
</div>
<h2 style="text-align: left;">
Conclusion:</h2>
<div>
Use the principle intelligently.</div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-84651432564677079502014-08-27T10:10:00.001-07:002014-08-27T10:10:07.235-07:00Interface segregation principle <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-9082963128969701554" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwHtc0MBcY48Wh1QaU6oE6iraHA1YHbhXuiQ5g-ffQ8Pf1mD20gTQ8ng82El3qTSiiQCKVPBG8ud0HFIzlE0ket3oR6Wz0ugTpSLgCb7FRHm6HuDK2_TN4jJi4QEYgvV3MF7FsddThzx4Z/s1600/download+%283%29.jpg" /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<br />
Clients should not be forced to depend upon interfaces that they don't use.<br />
<h2 style="text-align: left;">
Explanation:</h2>
<div>
<span style="background-color: white;">When designing an application the abstraction of modules plays a vital role.</span><span style="background-color: white;">We should take care that a client doesn't implement an interface , just because it has to implement.</span></div>
<div>
<span style="background-color: white;">Such an interface is named fat
interface or polluted interface. Having an interface pollution is not a
good solution and might induce inappropriate behavior in the system.</span></div>
<div>
<span style="background-color: white;">So instead of one large interface we should have many smaller interfaces with grouped behavior.</span></div>
<div>
<span style="background-color: white;"><br /></span></div>
<div>
<span style="background-color: white;"><br /></span></div>
<h2 style="text-align: left;">
<span style="background-color: white;">Example:</span></h2>
<span style="background-color: white;">For example you have a service class for working with Category . And IManageCategory interface exposes</span><br />
three methods<br />
<div style="text-align: left;">
</div>
<ul style="text-align: left;">
<li><span style="background-color: white;"> </span><span style="background-color: white;">Add</span></li>
<li><span style="background-color: white;">Update</span></li>
<li><span style="background-color: white;"> and Delete.</span></li>
</ul>
<span style="background-color: white;"> Because of some reasons of deployment and security we have to divide this CategoryClass to two </span><br />
different classes<br />
<br />
<ul style="text-align: left;">
<li><span style="background-color: white;"> CreateCategory will implement the Add method and run in untrusted </span><span style="background-color: white;">environments. </span></li>
<li><span style="background-color: white;"> UpdateCategory, will implement the other two methods and will only run in secure </span><span style="background-color: white;">verified and authenticated context. </span></li>
</ul>
<div>
Now if I use the IManageCategory class I have to implement dummy void
Update and Delete in my CreateCategory class and dummy void Add in my
UpdateCategory class.</div>
<div>
So, this has violated the design rule of Interface seggregation.</div>
<div>
</div>
<br />
So, we have to divide the IManageCategory to two interfaces IAddCategory an IUpdateCategory.<br />
<br />
<h2 style="text-align: left;">
Advantages of Using ISP:</h2>
<div>
<ol style="text-align: left;">
<li>Better Understanadability</li>
<li>Better Maintenability</li>
<li>High Cohesion</li>
<li>Low Coupling</li>
</ol>
<h2 style="text-align: left;">
Limitations</h2>
</div>
<div>
ISP like any other principle should be used intelligently when necessary
otherwise it will result in a code containing lots of interfaces
containing one method. So the decision should be taken intelligently.</div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-30737739197188119182014-08-27T10:09:00.001-07:002014-08-27T10:09:12.987-07:00The Liskov Substitution Principle <div dir="ltr" style="text-align: left;" trbidi="on">
<div class="post-header">
</div>
<div class="post-body entry-content" id="post-body-3627037969097836709" itemprop="description articleBody">
<div dir="ltr" style="text-align: left;">
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsfcN1g_qKbwArf5NlAyAlwdRNqRyfUhF5cUDpyvza4Wyh5lnUTIRhOk-_FN7eZMG0akT_aq_eE-yfhiab9nd2Kk9Z5YnJXZpH9fur8XgwTveczmdtHM8yV1pr2BVCGfRdEGgTdR7bA8y-/s1600/download+%281%29.jpg" /></div>
This principle states that :“ Any derived class should be substitutable for their base classes”<br />
<br />
<h2 style="text-align: left;">
Explanation</h2>
<div>
<div>
We must make sure that the new derived classes just extend without
replacing the functionality of old classes. Otherwise the new classes
can produce undesired effects when they are used in existing program
modules.</div>
<div>
</div>
<div>
Likov's Substitution Principle states that if a program module is using a
Base class, then the reference to the Base class can be replaced with a
Derived class without affecting the functionality of the program
module.</div>
</div>
<h2 style="text-align: left;">
How to know its violated?</h2>
<div>
<div>
<ul style="text-align: left;">
<li><span style="background-color: white;">A subclass that does not keep all the external observable behavior of it's parent class</span></li>
<li><span style="background-color: white;">A subclass modifies, rather than extends, the external observable behavior of it's parent class.</span></li>
<li><span style="background-color: white;">A subclass that throws exceptions in an effort to hide certain behavior defined in it's parent class</span></li>
<li><span style="background-color: white;">A subclass that overrides a
virtual method defined in it's parent class using an empty
implementation in order to hide certain behavior defined in it's parent
class</span></li>
</ul>
</div>
</div>
<h2 style="text-align: left;">
Example</h2>
<div>
<b><u><i>Where it is violated:</i></u></b></div>
<div>
Let us say you have a class Rectangle</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMXBVEeihzGJNZLYFb522rqTqYCjl1YEiuwFeYI9BAfzALaUfLIwQabbBVfvfKq2ZjQxIXAMS1vX4ICqegw7DivloHGhPV0PmI64OXEvXgGZtHA-aOcSE5i3cEWN-i24x0JZT_G4tUZyGJ/s400/Capture.PNG" width="336" /></div>
<div>
</div>
<div>
And say you created a child class Square </div>
<div>
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6UBSIuuNePzkV_cjx7MfP4qISiSxv9HgYJ0HUOF8T7cY9At_RK29ZKOVTs_LbDHQyVnYF1PVbaAviBdfhFSb_ehGyJ0yTQrLMeAN0Ph9EdblPxIjUCBv7O6mzIANXlybZ5bv_38_MpBae/s400/Square.PNG" width="400" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Suppose I am going to calculate Area of a Rectangle </div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="257" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidmwtml_r82ezR-05AZHU19RkI1Bee1jYBnYFheFvmfpc0WXhpqSx_ugXGmNWfY0JIxNM40MMposT3VPZ2saojt4EpLPTlC6h01sE1IH876AKKIgyCeN7rrxtUF-E7Wd7hne3OXWzG7IcS/s400/Area.PNG" width="400" /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div>
This application is never going to give me correct out put.</div>
<div>
Its always going to show area of a square and not that of the rectangle.</div>
<div>
</div>
<div>
<b><u><i>Where it is followed:</i></u></b></div>
<div>
<span style="background-color: white;">Let us say consider the above
example. “SavingsWithDrawform” class has a method which accepts the
“Accounts” class object as shown below.</span></div>
<div>
public void WithDraw( Accounts objAcc)</div>
<div>
{</div>
<div>
//Code Implementation of Account objects</div>
<div>
}</div>
<div>
The principle of LSP states that it should be legal to pass the the
“SavingsAccount” object to the same method, which is as shown</div>
<div>
public void WithDraw(SavingsAccounts objAcc)</div>
<div>
{</div>
<div>
//Passing the derived type should be legal</div>
<div>
}</div>
<h2 style="text-align: left;">
Where to use this?</h2>
<div>
Ideally you should use it wherever you are going to use a sub-class.</div>
<div>
But then,</div>
<div>
</div>
<div>
<div>
In the words of Robert Martin, Agile Principles, Patterns and Practices in C# (P.149):</div>
<div>
</div>
<div>
"A good engineer learns when compromise is more profitable than
perfection. However, conformance to LSP should not be surrendered
lightly. The guarantee that a subclass will always work where its base
classes are used is a powerful way to manage complexity. Once it is
forsaken, we must consider each subclass individually."</div>
</div>
<div>
</div>
</div>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-59235264309896975082014-08-27T10:08:00.000-07:002014-08-27T10:08:00.687-07:00Open Close Principle <div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name">
Open Close Principle
</h3>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7cOgpPKgHir8Dy1UdCv8W7OXKT5LLxXoqUot3aAFNuXsdbHHNnDS8aTmrXQ7utrSw5zeWhsgMpzC8sF_pedBQG1oxi4ZAwGYCIKEM0L2y2ELKdMKe0fK-Un7egBpwrp1yyXZDtpuFS_HX/s1600/download.jpg" /></div>
<br />
<h2 style="text-align: left;">
What does the principle say?</h2>
<br />
OCP The Open Closed Principle: -- you should be able to extend a class's behavior, without modifying it.<br />
The Open-Closed Principle (OCP) states that software entities (classes,
modules, methods, etc.) should be open for extension, but closed for
modification<br />
<br />
<br />
We should strive to write code that doesn’t have to be changed every time the requirements change.<br />
<br />
<br />
<h2 style="text-align: left;">
Importance</h2>
<br />
<br />
This is especially valuable in a production environment, where changes
to source code may necessitate code reviews, unit tests, and other such
procedures to qualify it for use in a product: code obeying the
principle doesn't change when it is extended, and therefore needs no
such effort.<br />
Reduces the development , regression testing and maintenanace time.<br />
<br />
<h2 style="text-align: left;">
How do you know its violated?</h2>
<br />
You have lots of if-else loops, switch case statements,Enums are used.<br />
If you have not used polymorphism and inheritance in your code there are
great chances that you are violating the Open-Closed Principle.<br />
<br />
<h2 style="text-align: left;">
Example</h2>
<div>
Suppose I need to calculated area of various shapes rectangle , circle ,
square. There are various ways to do it. But if you use if..else /
Switch ...Case statements , the day it is suggested to calculate the
area of an ellipse you will have to give change the code and retest.</div>
<div>
</div>
<div>
So, what is suggested is segregate the responsibility of calculating Area to a different abstract class.</div>
<div>
</div>
<div>
say:</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGiUHTYs8G16AKw7NMtUiqsPFnhFBfrT_cLTXBM1dGwpldPgSTZJxKcP6f8t3N7-cqy7TNtBgWnFcC9gcWSbZM4mdmUC_y8yUdygK5I_Ny4ZkkePO3PCpZQ7HjhpOY3as4CXucfgbIUtsv/s400/AbstractClass.PNG" width="321" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
Inherit this in all the classes for which you will claculate area</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" height="235" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHnd2Zm_3ayy3BFj-uuSyWJ9pJHdZamzGqgN5cmORKGxMDrfNBA1gL_W1CiSfalPqeE-eMt9jO6PKxpASryzAjoP4pjiXMsUBvbIKPvD1VRNPVxuZ37dft7-2Or9oxFBKK9hJAj-3ou8J8/s320/Capture.PNG" width="320" /></div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div>
</div>
<br />
<h2 style="text-align: left;">
Where should I implement this?</h2>
<div>
You should implement OCP after giving a proper thought on this.</div>
<div>
<span style="background-color: white;">You should not anticipate changes
in requirements ahead of time, as at least my psychic abilities haven’t
surfaced yet and preparing for future changes can easily lead to overly
complex designs. Instead, I would suggest that we focus on writing code
that is well written enough so that it’s easy to change if the
requirements change.</span></div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-50984561661750876072014-08-27T10:05:00.001-07:002014-08-27T10:05:27.565-07:00SOLID Design Principles <div dir="ltr" style="text-align: left;" trbidi="on">
<h3 class="post-title entry-title" itemprop="name">
SOLID : Design Principles
</h3>
<div class="post-header">
</div>
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOHs19tZbF9FLetTjjBABPtKM-hpbQVe7eVCTw9Os3_5JLdZjWoXdvjBUYhP5jkTBukRSCiihI07QI9xghPQyHeKQ6w1yMSTg9AIZwJ1y8VSNfdbs0xBZySYT8_hZL06qWCW6hdOYiwI2n/s1600/SOLID.jpg" /></div>
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: left;">
</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
Software design principles represent a set of guidelines that helps us
to avoid having a bad design. The design principles are associated to
Robert Martin who gathered them in "Agile Software Development:
Principles, Patterns, and Practices". </div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
According to Robert Martin there are 3 important characteristics of a bad design that should be avoided:</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
</div>
<ul style="text-align: left;">
<li><span style="background-color: white;">Rigidity - It is hard to change because every change affects too many other parts of the system.</span></li>
<li><span style="background-color: white;">Fragility - When you make a change, unexpected parts of the system break.</span></li>
<li><span style="background-color: white;">Immobility - It is hard to reuse in another application because it cannot be disentangled from the current application.</span></li>
</ul>
<br />
<div class="separator" style="clear: both;">
Following 2 characters should be taken care during designing any software:</div>
<div class="separator" style="clear: both;">
</div>
<div class="separator" style="clear: both;">
</div>
<ul style="text-align: left;">
<li><span style="background-color: white;">High Cohesion - How focused are the responsibilities of the modules you are designing.</span></li>
<li><span style="background-color: white;">Low Coupling - The degree to which modules rely on other modules. </span></li>
</ul>
<div>
<div>
Principles Of Object Oriented Class Design (the "SOLID" principles)</div>
<!--[if gte mso 9]><xml>
<w:WordDocument>
<w:View>Normal</w:View>
<w:Zoom>0</w:Zoom>
<w:TrackMoves/>
<w:TrackFormatting/>
<w:PunctuationKerning/>
<w:ValidateAgainstSchemas/>
<w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid>
<w:IgnoreMixedContent>false</w:IgnoreMixedContent>
<w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText>
<w:DoNotPromoteQF/>
<w:LidThemeOther>EN-US</w:LidThemeOther>
<w:LidThemeAsian>X-NONE</w:LidThemeAsian>
<w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript>
<w:Compatibility>
<w:BreakWrappedTables/>
<w:SnapToGridInCell/>
<w:WrapTextWithPunct/>
<w:UseAsianBreakRules/>
<w:DontGrowAutofit/>
<w:SplitPgBreakAndParaMark/>
<w:DontVertAlignCellWithSp/>
<w:DontBreakConstrainedForcedTables/>
<w:DontVertAlignInTxbx/>
<w:Word11KerningPairs/>
<w:CachedColBalance/>
</w:Compatibility>
<w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel>
<m:mathPr>
<m:mathFont m:val="Cambria Math"/>
<m:brkBin m:val="before"/>
<m:brkBinSub m:val="--"/>
<m:smallFrac m:val="off"/>
<m:dispDef/>
<m:lMargin m:val="0"/>
<m:rMargin m:val="0"/>
<m:defJc m:val="centerGroup"/>
<m:wrapIndent m:val="1440"/>
<m:intLim m:val="subSup"/>
<m:naryLim m:val="undOvr"/>
</m:mathPr></w:WordDocument>
</xml><![endif]-->
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
S => <a href="http://en.wikipedia.org/wiki/Single_responsibility_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">SRP</span></a> <a href="http://en.wikipedia.org/wiki/Single_responsibility_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">Single
responsibility principle</span></a> - the notion that an <a href="http://en.wikipedia.org/wiki/Object_%28computer_science%29"><span style="color: windowtext; text-decoration: none; text-underline: none;">object</span></a>
should have only a single responsibility.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
O => <a href="http://en.wikipedia.org/wiki/Open/closed_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">OCP</span></a> <a href="http://en.wikipedia.org/wiki/Open/closed_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">Open/closed
principle</span></a> the notion that “software entities … should be open for
extension, but closed for modification”. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
L => <a href="http://en.wikipedia.org/wiki/Liskov_substitution_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">LSP</span></a> <a href="http://en.wikipedia.org/wiki/Liskov_substitution_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">Liskov
substitution principle</span></a> the notion that “objects in a program should
be replaceable with instances of their subtypes without altering the
correctness of that program”. </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
I=> <span style="mso-spacerun: yes;"> </span><a href="http://en.wikipedia.org/wiki/Interface_segregation_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">ISP</span></a> <a href="http://en.wikipedia.org/wiki/Interface_segregation_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">Interface
segregation principle</span></a> the notion that “many client specific
interfaces are better than one general purpose interface.” </div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
D => <a href="http://en.wikipedia.org/wiki/Dependency_inversion_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">DIP</span></a> <a href="http://en.wikipedia.org/wiki/Dependency_inversion_principle"><span style="color: windowtext; text-decoration: none; text-underline: none;">Dependency
inversion principle</span></a> the notion that one should “Depend upon
Abstractions. Do not depend upon concretions.” <a href="http://en.wikipedia.org/wiki/Dependency_injection"><span style="color: windowtext; text-decoration: none; text-underline: none;">Dependency
injection</span></a> is one method of following this principle.</div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
<br /></div>
<div class="MsoNormal" style="line-height: normal; mso-margin-bottom-alt: auto; mso-margin-top-alt: auto;">
I think that these form the foundation of Object Oriented
design that allows concise, modular, and ultimately maintainable code. This
means code that you (or others) can understand and modify easily and without
causing unintended consequences for the function of the application in which
the code resides.</div>
<!--[if gte mso 9]><xml>
<w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"
DefSemiHidden="true" DefQFormat="false" DefPriority="99"
LatentStyleCount="267">
<w:LsdException Locked="false" Priority="0" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Normal"/>
<w:LsdException Locked="false" Priority="9" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="heading 1"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/>
<w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/>
<w:LsdException Locked="false" Priority="39" Name="toc 1"/>
<w:LsdException Locked="false" Priority="39" Name="toc 2"/>
<w:LsdException Locked="false" Priority="39" Name="toc 3"/>
<w:LsdException Locked="false" Priority="39" Name="toc 4"/>
<w:LsdException Locked="false" Priority="39" Name="toc 5"/>
<w:LsdException Locked="false" Priority="39" Name="toc 6"/>
<w:LsdException Locked="false" Priority="39" Name="toc 7"/>
<w:LsdException Locked="false" Priority="39" Name="toc 8"/>
<w:LsdException Locked="false" Priority="39" Name="toc 9"/>
<w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/>
<w:LsdException Locked="false" Priority="10" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Title"/>
<w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/>
<w:LsdException Locked="false" Priority="11" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/>
<w:LsdException Locked="false" Priority="22" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Strong"/>
<w:LsdException Locked="false" Priority="20" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/>
<w:LsdException Locked="false" Priority="59" SemiHidden="false"
UnhideWhenUsed="false" Name="Table Grid"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/>
<w:LsdException Locked="false" Priority="1" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 1"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 1"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 1"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/>
<w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/>
<w:LsdException Locked="false" Priority="34" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/>
<w:LsdException Locked="false" Priority="29" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Quote"/>
<w:LsdException Locked="false" Priority="30" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 1"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 1"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 2"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 2"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 2"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 2"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 2"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 3"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 3"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 3"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 3"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 3"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 4"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 4"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 4"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 4"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 4"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 5"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 5"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 5"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 5"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 5"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/>
<w:LsdException Locked="false" Priority="60" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Shading Accent 6"/>
<w:LsdException Locked="false" Priority="61" SemiHidden="false"
UnhideWhenUsed="false" Name="Light List Accent 6"/>
<w:LsdException Locked="false" Priority="62" SemiHidden="false"
UnhideWhenUsed="false" Name="Light Grid Accent 6"/>
<w:LsdException Locked="false" Priority="63" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/>
<w:LsdException Locked="false" Priority="64" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/>
<w:LsdException Locked="false" Priority="65" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/>
<w:LsdException Locked="false" Priority="66" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/>
<w:LsdException Locked="false" Priority="67" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/>
<w:LsdException Locked="false" Priority="68" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/>
<w:LsdException Locked="false" Priority="69" SemiHidden="false"
UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/>
<w:LsdException Locked="false" Priority="70" SemiHidden="false"
UnhideWhenUsed="false" Name="Dark List Accent 6"/>
<w:LsdException Locked="false" Priority="71" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/>
<w:LsdException Locked="false" Priority="72" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful List Accent 6"/>
<w:LsdException Locked="false" Priority="73" SemiHidden="false"
UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/>
<w:LsdException Locked="false" Priority="19" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/>
<w:LsdException Locked="false" Priority="21" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/>
<w:LsdException Locked="false" Priority="31" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/>
<w:LsdException Locked="false" Priority="32" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/>
<w:LsdException Locked="false" Priority="33" SemiHidden="false"
UnhideWhenUsed="false" QFormat="true" Name="Book Title"/>
<w:LsdException Locked="false" Priority="37" Name="Bibliography"/>
<w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/>
</w:LatentStyles>
</xml><![endif]--><!--[if gte mso 10]>
<style>
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:"Table Normal";
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0in 5.4pt 0in 5.4pt;
mso-para-margin-top:0in;
mso-para-margin-right:0in;
mso-para-margin-bottom:10.0pt;
mso-para-margin-left:0in;
line-height:115%;
mso-pagination:widow-orphan;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-bidi-font-family:"Times New Roman";
mso-bidi-theme-font:minor-bidi;}
</style>
<![endif]--></div>
<br />
Although the above design principles are good and helpful, but they
should be used intelligently otherwise this may lead to problems.<br />
<br />
The other principle , that is of a great importance is YAGNI (You ain't gonna need it).<br />
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkS0YoF_opFdiseZx8ocN7LKnIb8ouL2vf7n9D5tFcbH2ylVbKMTaM1TiTjI9khTytQrZ6fO-UWYIjbwvj7tb6cjy6X3xR6mrmMKD9E3Rp1JeDPOrMBgUH07wxplFFgge9Y55GzF0vsrKM/s1600/YAGNI.jpg" /></div>
<br />
According to YAGNI:<br />
<ul style="text-align: left;">
<li><span style="background-color: white;">The time spent is taken from adding, testing or improving necessary functionality.</span></li>
<li><span style="background-color: white;">The new features must be debugged, documented, and supported.</span></li>
<li><span style="background-color: white;">Any new feature imposes
constraints on what can be done in the future, so an unnecessary feature
now opens the possibility of conflicting with a necessary feature
later.[clarification needed]</span></li>
<li><span style="background-color: white;">Until the feature is actually
needed, it is difficult to fully define what it should do and to test
it. If the new feature is not properly defined and tested, it may not
work correctly, even if it eventually is needed.</span></li>
<li><span style="background-color: white;">It leads to code bloat; the software becomes larger and more complicated.</span></li>
<li><span style="background-color: white;">Unless there are
specifications and some kind of revision control, the feature may not be
known to programmers who could make use of it.</span></li>
<li><span style="background-color: white;">Adding the new feature may
suggest other new features. If these new features are implemented as
well, this may result in a snowball effect towards feature creep.</span></li>
</ul>
<br />
<br />
<br />
<span style="background-color: white;">But then futuristic thinking is also a must while designing a software.</span><br />
<span style="background-color: white;">So, you should always take design decisions intelligently.</span></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-45749305207816092802014-08-27T09:55:00.000-07:002014-08-27T09:55:10.033-07:00How to manage effective meetings?<div dir="ltr" style="text-align: left;" trbidi="on">
I was recently listening to an interview with Jason Fried, founder of <a href="http://en.wikipedia.org/wiki/37signals">37 signals</a> and co-author of the book <a href="http://37signals.com/rework/">Rework</a>,
and it really got me thinking about meetings. He pointed out that
everyone hates meetings, from the lowest workers right up to the top
managers, and yet we keep having them. There are many reasons to hate
meetings but here are some of the top ones that I run into.<br />
<ol>
<li>Interrupts my most productive hours</li>
<li>Often meetings are not relevant to me or my job</li>
<li>Meeting content is relevant but not important enough to warrant a meeting</li>
<li>Meeting leader has no clear goal</li>
<li>Meeting leader cannot manage participants who slow progress</li>
<li>Too many people</li>
</ol>
<div>
So after listening to Jason, I’m convinced that the problem isn’t
just about making time in meetings effective. It is also about reducing
the number of meetings.</div>
<br />
<div>
How can one minimize the number of meetings? Here are some suggestions.</div>
<br />
<div>
<ol>
<li>Use passive communication technologies (eg email, message boards,
wikis) that allow team members to respond at their own convenience.</li>
<li>Have scheduled time for not checking any of these passive messages.
For example, no email will be checked from 10:30 to 2:30. Companies
could even go so far as have the email servers not deliver messages
during those hours. But what about urgent messages? Ok, it happens
(which is why we have phones) but with email, everything is urgent…which
seems to also mean nothing is urgent. Having some dead hours will
teach employees how to work on other tasks and schedule *urgent* tasks
at times when people are able to effectively deal with them.</li>
<li>Have a “no talking, no meetings” morning every week (or month, or whatever works for your company).</li>
<li>Reduce the number of people required to attend meetings.
If too many people are involved in a decision, there can be too much
debate and decisions are often worse since no one really has to take
responsibility.</li>
<li>Delegate decisions
Bosses have lots of meetings so they can effectively use their time
to make many decisions. The problem is that while the boss’s time may
be more effective, everyone who is in the meeting is less effective. If
leaders can delegate decisions, fewer meetings will be required.</li>
<li>Each time you call a meeting, consider if it is possible to resolve
the meeting’s goal using some other method such as a short one-on-one
chat (and a chat is definitely different from a scheduled meeting).</li>
<li>Stand up meetings
I’m ashamed to admit that I have not tried one of these yet but short
stand up meetings seem like a great way to eliminate the long sitting
meetings that eat up everyone’s time.</li>
</ol>
<div>
And how does this make meetings effective?</div>
</div>
<div>
<ol>
<li>When meetings are rare, everyone’s mindset changes a bit to
understand that meetings are important. Time in meetings becomes
important.</li>
<li>By reducing meeting participants, it becomes much easier to make decisions.</li>
</ol>
</div>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-975405760138691612014-08-27T09:48:00.002-07:002014-08-27T09:48:26.365-07:00 Burn Down Charts : Agile Task Tracking<div dir="ltr" style="text-align: left;" trbidi="on">
Eventually I became frustrated with Gantt charts. Sure, they had
served me reasonably well for a number of years but I had a few problems
with them. First, I found them time consuming to maintain whenever
changes to a task’s timeline occurred. Second, the charts require tasks
to be put in some sort of order at the beginning of an iteration which
often isn’t representative of when tasks will actually be preformed.
Third, Gantt chart project management software included so many extra
features that just creating and maintaining basic charts seemed to
require some sort of certification. I longed for something simpler.<br />
The solution for me was to use burn down charts. It is just a graph
that shows how much time is left in a project vs how much work is left
to be done (as shown below). This article provides an overview on how to
effectively create and manage burn down charts using nothing but a
spreadsheet.<br />
<br />
<img alt="" class="alignnone size-full wp-image-710" height="287" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/burndown132.png" title="burndown13" width="495" /><br />
<br />
Figure 1: Burn down chart<br />
<br />
If you have heard of burn down charts before, then likely it was in
the context of agile software development. In this article, I will try
to describe burn down charts in a manner such that they can be applied
to a number of different types of projects, not just software projects.<br />
One term to be familiar with is <strong>iteration</strong>. In a
software project, an iteration refers to a set period of time where the
various stages of the software development process are preformed to
provide some sort of release. Iterations are preformed over and over,
each time refining the product closer to a final release. However, in
the context of this article, an iteration will just be a specific amount
of time with an assigned set of tasks.<br />
<h2>
<span id="Reading_Burn_Down_Charts"><span class="cufon cufon-canvas" style="height: 20px; width: 77px;"><span class="cufon-alt">Reading </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 46px;"><span class="cufon-alt">Burn </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 57px;"><span class="cufon-alt">Down </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 58px;"><span class="cufon-alt">Charts</span></span></span></h2>
Burn down charts provide a method to track your progress on a daily
basis. The axis on the left shows the remaining effort required to
complete the iteration and the axis on the bottom contains the number of
days until the iteration deadline. The remaining effort is determined
by summing the time estimates for incomplete tasks.<br />
In figure 1, the blue line shows the ideal scenario if your team
performs exactly as predicted by your task estimates and the red line
shows the actual performance. At day 0 (the first day of the iteration),
the remaining effort is at its highest because nothing has been
completed. At the end of the iteration (day 20), the sum should be 0
because there are no tasks left to be completed.<br />
You want the red line (your team’s actual performance) to be close to
the blue line. When it is above the blue line, then your team is behind
schedule and when it is below the blue line, your team is ahead of
schedule.<br />
<br />
<img alt="" class="alignnone wp-image-711" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/reading-burn-down-chart2.png" title="reading-burn-down-chart" width="495" /><br />
Figure 2: Chart showing areas above the blue line as being behind schedule and below the blue line as being ahead of schedule<br />
If the actual remaining effort line is above the blue line for an
extended period, then it means adjustments have to be made to the
project. This could mean dropping a task, assigning additional
resources, or working late, all of which can be unpleasant but because
of the burn down chart, at least you can deal with it sooner rather than
just before a deadline.<br />
Not only are burn down charts intuitive to read, but they also
require no adjustments when task scheduling changes which makes them
easy to maintain as well. Priority and task start/end dates are never
referenced when generating the graph so within an iteration, task
priority and start/end dates can be changed without affecting the burn
down chart at all. This significantly reduces the amount of time spent
spent on adjustments when compared to other progress tracking methods.<br />
<h2>
<span id="Creating_a_Burn_Down_Chart"><span class="cufon cufon-canvas" style="height: 20px; width: 81px;"><span class="cufon-alt">Creating </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 15px;"><span class="cufon-alt">a </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 46px;"><span class="cufon-alt">Burn </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 57px;"><span class="cufon-alt">Down </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 50px;"><span class="cufon-alt">Chart</span></span></span></h2>
<h3>
<span id="Step_1_Track_Tasks"><span class="cufon cufon-canvas" style="height: 16px; width: 37px;"><span class="cufon-alt">Step </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 16px;"><span class="cufon-alt">1: </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 41px;"><span class="cufon-alt">Track </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 38px;"><span class="cufon-alt">Tasks</span></span></span></h3>
The first step in iteration tracking is creating an issues log to
manage tasks. If you have a separate issues logging software, it is
probably suitable for a lot of the details. The required information for
burn down chart generation is just the task id and the time estimate.<br />
<div>
<img alt="" class="alignnone size-full wp-image-54" height="186" src="http://joel.inpointform.net/wp-content/uploads/2010/11/Issues-log.png" title="Issues log" width="557" /></div>
Table 1: Issues log<br />
Notes on filling out the issues log:<br />
<ol>
<li>
Adding tasks: For example, complete a requirement, or correct a bug, etc<br />
</li>
<li>
Estimating task time: This should be for an average team member (not
you), and should have team consensus when possible. I generally estimate
at an accuracy of 0.25 days so that simple tasks do not get excluded. <br />
<strong>Important</strong>: If tasks are longer than a few days,
break them into sub tasks. As you will learn later in this article,
partially completed tasks do not result in any updates to the burn down
chart so performance resolution is proportional to task length.<br />
</li>
<li>
Prioritizing: Prioritize each task in groups of 10. The highest
priority is 10, 20 is lower, 30 is lower still, etc. Incrementing by 10
seems like an odd choice at first but it is likely that some tasks have
been missed or need to be split so having a second digit available is
handy for task insertions.<br />
</li>
</ol>
<h3>
<span id="Step_2_Track_Iterations"><span class="cufon cufon-canvas" style="height: 16px; width: 37px;"><span class="cufon-alt">Step </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 16px;"><span class="cufon-alt">2: </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 41px;"><span class="cufon-alt">Track </span></span><span class="cufon cufon-canvas" style="height: 16px; width: 69px;"><span class="cufon-alt">Iterations</span></span></span></h3>
Using the issues log, it is now possible to generate a burn down
chart based on the template shown below. After the template is created,
only the green cells need to be adjusted for new iterations.<br />
<div>
<img alt="" class="alignnone size-full wp-image-701" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/project-xyz-iteration-121.png" title="project-xyz-iteration-12" width="491" /></div>
Figure 3: Burn down spreadsheet template<br />
<h4>
<span id="21_Iteration_Setup">2.1 Iteration Setup</span></h4>
The goal of this section is to determine how many tasks you can fit
into an iteration, and find equations for the number of man days used
each day and the ideal remaining effort line.<br />
<div>
<img alt="" class="alignnone size-full wp-image-702" height="237" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/setup-table1.png" title="setup-table" width="289" /></div>
<div>
Table 2: Iteration setup<br />
</div>
<br />
<table cellspacing="0" class="desc">
<tbody style="font-size: 0.9em;">
<tr>
<td class="firstTd">Start Date</td>
<td>
The date when work on the iteration starts<br />
</td>
</tr>
<tr>
<td>End Date</td>
<td>
The planned date for when the iteration should end<br />
</td>
</tr>
<tr>
<td>
# of Developers<br />
</td>
<td>
Note that if one developer is shared between 2 projects, you might
want to include him/her as a fraction, for example 0.5 developers<br />
</td>
</tr>
<tr>
<td>Efficiency Factor</td>
<td>
This is a measure of your team productivity and task estimate
accuracy. Use 0.7 as a starting point but after the first iteration, you
will be able to obtain an updated value from the spreadsheet. It is
calculated based on the following formula.<br />
(# of task days complete)/(# of man days used)<br />
Based on past performance, the efficiency factor adjusts the
effective number of days available to work on a project so that your
estimates become more in line with reality. This eliminates problems
with consistent under estimates or over estimates.<br />
It is possible to have an efficiency factor greater than 1. This
means that your time predictions are greater than how long it actually
takes to perform a task. This does not require any special
consideration.<br />
</td>
</tr>
<tr>
<td class="firstTd">
Work Days<br />
</td>
<td>
The number of work days between Start Date and End Date – For
software development, 20 is a good starting point which is one month (5
working days a week for 4 weeks).<br />
</td>
</tr>
<tr>
<td>
Man Days<br />
</td>
<td>
This is the total number of man days available during the iteration<br />
(Work Days) * (# of developers)<br />
</td>
</tr>
<tr>
<td>
Effective Man Days<br />
</td>
<td>
The amount of time that is available for actually working on tasks.<br />
Efficiency Factor*(Man Days)<br />
</td>
</tr>
<tr>
<td>m – Ideal Remaining Effort</td>
<td>Slope for an ideal iteration(see burn down chart)<br /> -(# of task work days)/(Work Days)</td>
</tr>
<tr>
<td>b - Ideal Remaining Effort</td>
<td>Intercept for an ideal iteration – This should equal “Effective Man Days”</td>
</tr>
<tr>
<td>m - Man Days Used</td>
<td>
Slope for calculating the number of Man Days used per day – This will
be used later for updating the efficiency factor after an iteration<br />
</td>
</tr>
<tr>
<td>b - Man Days Used</td>
<td>Always 0</td>
</tr>
</tbody>
</table>
<br />
<h4>
<span id="22_Tasks_in_the_Iteration">2.2 Tasks in the Iteration</span></h4>
<br />
<table>
<tbody style="vertical-align: top;">
<tr>
<td><img alt="" class="alignright size-medium wp-image-60" height="300" src="http://joel.inpointform.net/wp-content/uploads/2010/11/task-assignment-155x300.png" title="task assignment" width="155" />Table 3: Assigning tasks to an iteration</td>
<td>
In the last step, we discovered how many days we have available to
work on tasks during an iteration (Effective Man Days). Next, tasks need
to be assigned to the iteration. Simply add the Id’s for high priority
tasks to the Assigned Task Id column until the total time required to
complete the iteration matches “Effective Man Days”. If there is some
time at the end but the higher priority tasks are too long to fill it,
select a shorter lower priority task. Do not try to squeeze an extra day
into an iteration.<br />
<br />
For the example project, there is an extra task added to the bottom
in yellow to cover various tasks associated with closing an iteration.
This task can be added to the issues log instead if that is more
appropriate for your team.<br />
</td>
</tr>
</tbody>
</table>
<br />
<h4>
<span id="23_Burn_Down_Chart">2.3 Burn Down Chart</span></h4>
The final step is to create the a table for generating the burn down chart as shown below.<br />
<img alt="" class="alignnone size-full wp-image-703" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/agile-task-chart.png" title="agile-task-chart" width="491" /><br />
<br />
<table cellspacing="0" class="desc">
<tbody style="font-size: 0.9em;">
<tr>
<td class="firstTd">Work Date</td>
<td>The date that corresponds to a particular work day.</td>
</tr>
<tr>
<td>Work Days<br /> (x-axis)</td>
<td>
Each day that can be worked – It should start at 0 all the way up to Work Days from 2.1.<br />
</td>
</tr>
<tr>
<td>
Ideal Remaining Effort<br />(y-axis, ideal)<br />
</td>
<td>
The ideal amount of task time that should be remaining for a given work day.<br />
</td>
</tr>
<tr>
<td>
Actual Remaining Effort(y-axis, reality)<br />
</td>
<td>
Your team’s actual performance based on the sum of all the incomplete task estimates<br />
(Work Days) – (Total Tasks Completed)<br />
</td>
</tr>
<tr>
<td>Completed Tasks – John</td>
<td>
The next set of columns are for each individual to track how much
actual effort they have produced. When a task is completed from the
issues log, the developer simply puts the estimate in this column.<br />
Some notes:<br />
<ul>
<li>
Record the task estimate time, not the actual time worked<br />
</li>
<li>
Only record completed tasks. Tasks that are 99% done are still not complete and do not get entered into this table.<br />
</li>
</ul>
</td>
</tr>
<tr>
<td>Completed Tasks – Sue</td>
<td><br /></td>
</tr>
<tr>
<td>Completed Tasks – …</td>
<td><br /></td>
</tr>
</tbody>
</table>
<br />
Graphing the Ideal Tasks Remaining column and the Actual Tasks
Remaining column against the Work Day column generates a burn down chart
as shown below.<br />
<img alt="" class="alignnone wp-image-712" src="http://Joel.InPointForm.net/wp-content/uploads/2010/11/Final-burn-down2.png" title="Final-burn-down" width="495" /><br />
Figure 4: Final burn down chart<br />
<h2>
<span id="Tools"><span class="cufon cufon-canvas" style="height: 20px; width: 46px;"><span class="cufon-alt">Tools</span></span></span></h2>
<strong>Desktop Spreadsheet Software (Excel)</strong> – Excel works
fine but unless it is hosted somewhere for every developer to edit, the
project manager will be required to update all the completed tasks.<br />
<strong>Google Docs Spreadsheet</strong> – A hosted solution such as
a Google Docs spreadsheet (free) is generally the best choice. Google
Docs does formulas and charts like excel and it also allows team members
to update their own progress. This is good because<br />
<ul>
<li>
Team members can see how they measure up compared to others in terms
of productivity. Some people might see this as a disadvantage but I
think it helps motivate.<br />
</li>
<li>
Team members get used to updating the task log with new tasks so the project manager doesn’t have to always maintain it.<br />
</li>
<li>
All members can see the current iteration status at any time.<br />
</li>
</ul>
<h2>
<span id="Important_Summary_Points"><span class="cufon cufon-canvas" style="height: 20px; width: 95px;"><span class="cufon-alt">Important </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 88px;"><span class="cufon-alt">Summary </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 55px;"><span class="cufon-alt">Points</span></span></span></h2>
<ul>
<li>
Start with 0.7 as the Efficiency Factor.<br />
</li>
<li>
One month is a good iteration timeline for many projects (20 work days).<br />
</li>
<li>
Only record progress against completed tasks. If a task is 99% done, it is still not complete and cannot be used for a release.<br />
</li>
<li>
If actual performance is significantly above the ideal iteration line
in the burn down chart, investigate and correct the issue by dropping
tasks, assigning additional resources, or working overtime.<br />
</li>
<li>
Avoid task estimates that are longer than a few days. Break long tasks into shorter ones.<br />
</li>
<li>
Measure priority in tens, as in, 10, 20, 30…<br />
</li>
<li>
Use hosted solutions like Google Docs for tracking the project.<br />
</li>
<li>
Never try to squeeze an extra day into an iteration<br />
</li>
<li>
Use fractions for determining the number of developers if time is split across projects.<br />
</li>
<li>
Burn down charts eliminate some overhead associated with other
methods such as Gantt charts but are obvious not suitable if that extra
overhead is required based on other project constraints<br />
</li>
</ul>
<br />
<span style="font-size: 19px; font-weight: bold;">Template Download Links</span><br />
<a href="https://spreadsheets.google.com/ccc?key=0Aln3gtxseh9TdGZwbmdaeVN2Q2VlenNHNE9yRDJaeUE&hl=en&authkey=CJ_nveIO">Google Docs Template – Make Copy</a> (<strong>IMPORTANT: Do not edit this document!</strong> Please just make a copy)<br /><a href="https://docs.google.com/spreadsheet/ccc?key=0AmYXk90AjeMpdDdiY2F0bk9ZcXVrTXFILTZaVl9XSkE&hl=en_US#gid=7">Google Docs Template Master</a> (Original template, not available for copying)<br /><br />
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-25694748960596321702014-08-27T09:33:00.001-07:002014-08-27T09:33:04.097-07:00C# Framework Core <div dir="ltr" style="text-align: left;" trbidi="on">
<ul>
<li><span style="font-size: large;">Memory </span></li>
<li> </li>
<li>What is the difference between a primitive type and a reference type?</li>
<li>What does the garbage collector do?</li>
<ul>
<li>Handles memory de-allocation for objects</li>
</ul>
<li>How is it implemented? A rough approximation is fine.</li>
<ul>
<li>Basic algorithm</li>
<ul>
<li>Model as a directed graph</li>
<li>Each object instance is a vertex</li>
<li>Each reference to an instance is an edge (So if one object
references another, then there is a directed edge from one to the other)</li>
<li>Every so often, a depth first search occurs</li>
</ul>
<li>
<ul><ul>
<li>All objects that are visited are considered “marked”</li>
<li>Therefore, unmarked objects are no longer referenced</li>
</ul>
</ul>
</li>
<ul>
<li>Once the available memory is used, a “sweep” occurs where memory for all unmarked objects is released</li>
<li>The method described is called <em>mark and sweep</em> garbage collection.</li>
</ul>
</ul>
<li>What is generational garbage collection?</li>
<ul>
<li>Some objects exist for longer times than other objects. They do not
need to be continuously checked in the mark and sweep algorithm
described above</li>
<li>When a sweep occurs, marked objects get promoted to a different graph (a generation) that is not processed as frequently</li>
<li>C# has 3 generations</li>
</ul>
<li>What is the difference between Finalize and Dispose?</li>
<ul>
<li>Finalize is a destructor for an object and gets called when the
garbage collector destroys the object. The programmer does not
determine when finalize gets called.</li>
<li>IDisposable, on the other hand, allows programmers to determine when
an object can be destroyed by calling Dispose. This allows
programmatic release of resources like database connections. Note that
the memory still is not released until the garbage collector reclaims
it.</li>
</ul>
<li>Why would someone want to implement IDisposable?</li>
<ul>
<li>One common reason is to ensure efficient use of limited resources like database connections</li>
<li>Another use would be to wrap processes that have specific code that
needs to be called at a start and finish point (ie, a database
transaction block)</li>
</ul>
<li>How could someone use the using statement to implement IDisposable?</li>
<ul>
<li>using(MyObject obj = new MyObject()){ … }</li>
<li>When execution reaches the close }, MyObject’s Dispose method is called</li>
</ul>
<li>What is a WeakReference? Why would you use one?</li>
<ul>
<li>A reference that doesn’t prevent garbage collection</li>
<li>An example use would be to maintain a cache</li>
</ul>
<li>What is the difference between stack memory and heap memory?</li>
<ul>
<li>Stack – contains memory for primitive types & pointers</li>
<li>Heap – used to allocate memory for objects that are created</li>
</ul>
<li>What are the memory considerations when using recursion with many levels?</li>
<ul>
<li><br /></li>
</ul>
<li>What is boxing and unboxing?</li>
<ul>
<li>Boxing – the term use to describe the movement of values from the stack to the heap (so change a value type to a reference type)</li>
<li>Unboxing – from heap to stack</li>
</ul>
</ul>
<h2>
<span id="CLR"><span class="cufon cufon-canvas" style="height: 20px; width: 34px;"><span class="cufon-alt">CLR</span></span></span></h2>
<ul>
<li>What is CLR?</li>
<ul>
<li>Common Language Runtime – This is a virtual machine (or execution
engine depending on who is defining it) that runs generic code meant for
multiple hardware configurations (<a href="http://blogs.msdn.com/b/brada/archive/2005/01/12/351958.aspx">http://blogs.msdn.com/b/brada/archive/2005/01/12/351958.aspx</a>)</li>
</ul>
<li>What is CLI?</li>
<ul>
<li>Common Language Infrastructure – a specification that .net languages are built on. The CLR is an implementation of the CLI</li>
</ul>
<li>What is CIL?</li>
<ul>
<li>Common Intermediate Language – .net languages such as C# get compiled to CIL bytecode. This format is understood by the CLR</li>
</ul>
<li>What is JIT?</li>
<ul>
<li>Just In Time compiler - CIL is compiled at runtime as needed into native code</li>
<li>It executes code by using a hybrid of interpreted and ahead-of-time
approach. Code is first interpreted and then the compilied commands are
cached for later use.</li>
</ul>
<li>How can JIT code be faster than ahead of time compiled code?</li>
<ul>
<li>The JIT code is interpreted for an computer’s specific hardware
configuration whereas ahead-of-time compilied code is written for a set
of computers meeting a more general specification. This means the JIT
can take advantage of very specific hardware features.</li>
</ul>
<li>Explain the path from C# source to native code</li>
<ul>
<li>C# gets compiled to CIL</li>
<li>CIL is then executed by the CLR. It does this using a JIT compiler which converts the CIL into native code</li>
</ul>
</ul>
<h2>
<span id="Assemblies"><span class="cufon cufon-canvas" style="height: 20px; width: 98px;"><span class="cufon-alt">Assemblies</span></span></span></h2>
<ul>
<li>What is the difference between a service and a standard exe?</li>
<li>What is the difference between an exe and a dll?</li>
<ul>
<li>DLL is a library of useful code that can be used by other code when referenced</li>
<li>EXEs also have this ability as well. However, they also offer an entry point that is able to start executing commands</li>
</ul>
<li>What is DLL hell?</li>
<ul>
<li>DLL hell refers to a set of problems caused by DLL sharing in
applications before .net. Multiple programs may share one dll. When a
new program is installed, it may overwrite a previously installed shared
DLL with a newer version. This version may not be backwards compatible
breaking programs that were previously running correctly.</li>
</ul>
<li>What is an assembly qualified name?</li>
<ul>
<li>It is a way to ensure that a type is associated with the proper assembly binary</li>
<li>TopNamespace.SubNameSpace.ContainingClass+NestedClass, MyAssembly,
Version=1.3.0.0, Culture=neutral, PublicKeyToken=b17a5c561934e089</li>
</ul>
<li>What is the GAC? What does the GAC do?</li>
<ul>
<li>The GAC is the global assembly cache.</li>
<li>It stores assemblies that are meant to be shared but avoids DLL mentioned above (by using assembly qualified names)</li>
</ul>
<li>How do you add assemblies to the GAC?</li>
<ul>
<li>The most common way is to use a windows installer</li>
<li>Using gacutil.exe is another method</li>
</ul>
</ul>
<h2>
<span id="Misc"><span class="cufon cufon-canvas" style="height: 20px; width: 40px;"><span class="cufon-alt">Misc</span></span></span></h2>
<ul>
<li>What is reflection?</li>
<ul>
<li>Reflection offers the ability to find information about types at
runtime and use that information to dynamically create instances and
call methods and properties</li>
</ul>
<li>What are some examples of uses for reflection?</li>
<ul>
<li>Custom serialization</li>
<li>Custom binding</li>
<li>ORM mapping</li>
</ul>
<li>What is the difference between a.Equals(b) and a == b?</li>
<ul>
<li>For value types, the expressions are the same</li>
<li>For reference types, a==b is true only when the objects have the same reference (pointer)</li>
<li>a.Equals(b), on the other hand, is true for reference types with
different pointers provided they have the same value. An example usage
would be for a class that is mapped to a database table. There could be
two different instances of the class with an id of 5. When using ==,
the value would return false. However, if Equals is appropriately
overridden to compare the id, than a.Equals(b) should return true since
they have the same id</li>
</ul>
</ul>
<div>
<h2>
<span id="Primitive_Type_implementations"><span class="cufon cufon-canvas" style="height: 20px; width: 83px;"><span class="cufon-alt">Primitive </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 48px;"><span class="cufon-alt">Type </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 151px;"><span class="cufon-alt">implementations</span></span></span></h2>
<div>
Knowing details about primitive types is essential when dealing
with many activities like efficiency, boundaries, and memory usage and
is something senior developers should be able to at least approximate.
If you don’t know this table, you will never think about it. However,
once you know it, you will be surprised at how often you take these
addition details into consideration when developing code.</div>
<table class="cs-table">
<tbody>
<tr class="cs-header">
<td>Type</td>
<td>Size</td>
<td>Range (signed)</td>
<td>Range (unsigned)</td>
<td>Order</td>
<td>Precision</td>
</tr>
<tr class="cs-alt1">
<td>boolean</td>
<td>8 bits</td>
<td>0 to 1</td>
<td><br /></td>
<td><br /></td>
<td><br /></td>
</tr>
<tr class="cs-alt2">
<td>byte</td>
<td>8 bits</td>
<td>-128 to 128</td>
<td>0 to 256</td>
<td>10<sup>2</sup></td>
<td><br /></td>
</tr>
<tr class="cs-alt1">
<td>short</td>
<td>16 bits</td>
<td>-32,768 to 32,767</td>
<td>0 to 65535</td>
<td>10<sup>4</sup></td>
<td><br /></td>
</tr>
<tr class="cs-alt2">
<td>int</td>
<td>32 bits</td>
<td>-2,147,483,648 to 2,147,483,647</td>
<td>0 to 4,294,967,295</td>
<td>10<sup>9</sup></td>
<td><br /></td>
</tr>
<tr class="cs-alt1">
<td>long</td>
<td>64 bits</td>
<td>-922337203685477508 to 922337203685477507</td>
<td>0 to 18446744073709551615</td>
<td>10<sup>19</sup></td>
<td><br /></td>
</tr>
<tr class="cs-alt2">
<td>float</td>
<td>32 bits</td>
<td>-3.402823e38 to 3.402823e38</td>
<td><br /></td>
<td>10<sup>38</sup></td>
<td>7 digits</td>
</tr>
<tr class="cs-alt1">
<td>double</td>
<td>64 bits</td>
<td>-1.79769313486232e308 to 1.79769313486232e308</td>
<td><br /></td>
<td>10<sup>308</sup></td>
<td>15-16 digits</td>
</tr>
<tr class="cs-alt2">
<td>decimal</td>
<td>128 bits</td>
<td>±1.0 × 10e−28 to ±7.9 × 10e28</td>
<td><br /></td>
<td>10<sup>28</sup></td>
<td>29 digits</td>
</tr>
<tr class="cs-alt1">
<td>char</td>
<td>16 bits</td>
<td><br /></td>
<td>0 to 65535</td>
<td>10<sup>4</sup></td>
<td><br /></td>
</tr>
</tbody>
</table>
</div>
<h2>
<span id="Further_Reading"><span class="cufon cufon-canvas" style="height: 20px; width: 69px;"><span class="cufon-alt"></span></span><span class="cufon cufon-canvas" style="height: 20px; width: 73px;"><span class="cufon-alt"><br /></span></span></span></h2>
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-52036200631948119322014-08-27T09:30:00.003-07:002014-08-27T09:30:41.083-07:00How do the MVP, MVC, and MVVM patterns relate? When are they appropriate? <div dir="ltr" style="text-align: left;" trbidi="on">
Those who know me know that I have a passion for software architecture
and after developing projects using Model-View-ViewModel (MVVM),
Model-View-Presenter (MVP), and Model-View-Controller (MVC), I finally
feel qualified to talk about the differences between these
architectures. The goal of this article is to clearly explain the
differences between these 3 architectures.<br />
<br />
First, the let’s define common elements. All 3 of the architectures are designed to separate the view from the model.<br />
<h2>
<span id="Model"><strong><span class="cufon cufon-canvas" style="height: 20px; width: 56px;"><span class="cufon-alt">Model</span></span></strong></span></h2>
<ul>
<li>Domain entities & functionality</li>
<li>Knows only about itself and not about views, controllers, etc.</li>
<li>For some projects, it is simply a database and a simple DAO</li>
<li>For some projects, it could be a database/file system, a set of
entities, and a number of classes/libraries that provide additional
logic to the entities (such as performing calculations, managing state,
etc)</li>
</ul>
<strong><em>Implementation: </em></strong> Create classes that
describe your domain and handle functionality. You probably should end
up with a set of domain objects and a set of classes that manipulate
those objects.<br />
<h2>
<span id="View"><span class="cufon cufon-canvas" style="height: 20px; width: 44px;"><span class="cufon-alt">View</span></span></span></h2>
<ul>
<li>Code that handles the display</li>
<li>Note that view related code in the codebehind is allowed (see final notes at the bottom for details)</li>
</ul>
<strong><em>Implementation</em></strong>: HTML, WPF, WindowsForms, views created programmatically – basically code that deals with display only.<br />
<br />
<h1>
<span id="Differences_between_Presenters_ViewModels_and_Controllers"><span class="cufon cufon-canvas" style="height: 30px; width: 153px;"><span class="cufon-alt">Differences </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 119px;"><span class="cufon-alt">between </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 144px;"><span class="cufon-alt">Presenters, </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 161px;"><span class="cufon-alt">ViewModels </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 56px;"><span class="cufon-alt">and </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 138px;"><span class="cufon-alt">Controllers</span></span></span></h1>
This is the tricky part. Some things that Controllers, Presenters, and ViewModels have in common are:<br />
<ul>
<li>Thin layers</li>
<li>They communicate with the model and the view</li>
</ul>
The features of each.<br />
<h2>
<span id="Presenter_Example_WinForms"><strong><span class="cufon cufon-canvas" style="height: 20px; width: 88px;"><span class="cufon-alt">Presenter </span></span></strong><span class="cufon cufon-canvas" style="height: 20px; width: 90px;"><span class="cufon-alt">(Example: </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 94px;"><span class="cufon-alt">WinForms)</span></span></span></h2>
<ul>
<li>2 way communication with the view</li>
<li>View Communication: The view communicates with the presenter by
directly calling functions on an instance of the presenter. The
presenter communicates with the view by talking to an
interface implemented by the view.</li>
<li>There is a single presenter for each view</li>
</ul>
<em><strong>Implementation</strong></em>:<br />
<ul>
<li>Every view’s codebehind implements some sort of IView interface.
This interface has functions like displayErrorMessage(message:String),
showCustomers(customers:IList<Customer>), etc. When a function
like showCustomers is called in the view, the appropriate items passed
are added to the display. The presenter corresponding to the view has a
reference to this interface which is passed via the constructor.</li>
<li>In the view’s codebehind, an instance of the presenter is
referenced. It may be instantiated in the code behind or somewhere
else. Events are forwarded to the presenter through the codebehind.
The view never passes view related code (such as controls, control
event objects, etc) to the presenter.</li>
</ul>
<div>
A code example is shown below.</div>
<div class="wp_syntax">
<div class="code">
<pre class="csharp" style="font-family: monospace;"><span style="color: teal; font-style: italic;">//the view interface that the presenter interacts with</span>
<span style="color: #0600ff; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">interface</span> IUserView
<span style="color: green;">{</span>
<span style="color: #6666cc; font-weight: bold;">void</span> ShowUser<span style="color: green;">(</span>User user<span style="color: green;">)</span><span style="color: green;">;</span>
<span style="color: green;">...</span>
<span style="color: green;">}</span>
<span style="color: teal; font-style: italic;">//the view code behind</span>
<span style="color: #0600ff; font-weight: bold;">public</span> <span style="color: #0600ff; font-weight: bold;">partial</span> <span style="color: #6666cc; font-weight: bold;">class</span> UserForm <span style="color: green;">:</span> Form, IUserView
<span style="color: green;">{</span>
UserPresenter _presenter<span style="color: green;">;</span>
<span style="color: #0600ff; font-weight: bold;">public</span> UserForm<span style="color: green;">(</span><span style="color: green;">)</span>
<span style="color: green;">{</span>
_presenter <span style="color: green;">=</span> <span style="color: green;">new</span> UserPresenter<span style="color: green;">(</span><span style="color: #0600ff; font-weight: bold;">this</span><span style="color: green;">)</span><span style="color: green;">;</span>
InitializeComponent<span style="color: green;">(</span><span style="color: green;">)</span><span style="color: green;">;</span>
<span style="color: green;">}</span>
<span style="color: #0600ff; font-weight: bold;">private</span> <span style="color: #6666cc; font-weight: bold;">void</span> SaveUser_Click<span style="color: green;">(</span><span style="color: #6666cc; font-weight: bold;">object</span> sender, EventArgs e<span style="color: green;">)</span>
<span style="color: green;">{</span>
<span style="color: teal; font-style: italic;">//get user from form elements</span>
User user <span style="color: green;">=</span> <span style="color: green;">...;</span>
_presenter<span style="color: green;">.</span><span style="color: blue;">SaveUser</span><span style="color: green;">(</span>user<span style="color: green;">)</span><span style="color: green;">;</span>
<span style="color: green;">}</span>
<span style="color: green;">...</span>
<span style="color: green;">}</span>
<span style="color: #0600ff; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">class</span> UserPresenter
<span style="color: green;">{</span>
IUserView _view<span style="color: green;">;</span>
<span style="color: #0600ff; font-weight: bold;">public</span> UserPresenter<span style="color: green;">(</span>IUserView view<span style="color: green;">)</span><span style="color: green;">{</span>
_view <span style="color: green;">=</span> view<span style="color: green;">;</span>
<span style="color: green;">}</span>
<span style="color: #0600ff; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">void</span> SaveUser<span style="color: green;">(</span>User user<span style="color: green;">)</span>
<span style="color: green;">{</span>
<span style="color: green;">...</span>
<span style="color: green;">}</span>
<span style="color: green;">...</span>
<span style="color: green;">}</span></pre>
</div>
</div>
<h2>
<span id="ViewModel_Example_WPF_Knockoutjs"><span class="cufon cufon-canvas" style="height: 20px; width: 103px;"><span class="cufon-alt">ViewModel </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 90px;"><span class="cufon-alt">(Example: </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 48px;"><span class="cufon-alt">WPF, </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 105px;"><span class="cufon-alt">Knockoutjs)</span></span></span></h2>
<ul>
<li>2 way communication with the view</li>
<li>The ViewModel represents the view. This means that fields in a view
model usually match up more closely with the view than with the model.</li>
<li>View Communication: There is no IView reference in the ViewModel.
Instead, the view binds directly to the ViewModel. Because of the
binding, changes in the view are automatically reflected in the
ViewModel and changes in the ViewModel are automatically reflected in
the view.</li>
<li>There is a single ViewModel for each view</li>
</ul>
<em><strong>Implementation</strong></em>:<br />
<ul>
<li>The view’s datacontext is set to the ViewModel. The controls in the view are bound to various members of the ViewModel.</li>
<li>Exposed ViewModel proproperties implement some sort of observable
interface that can be used to automatically update the view (With WPF
this is INotifyPropertyChanged; with knockoutjs this is done with the
functions ko.observable() and ko.observrableCollection())</li>
</ul>
<h2>
<span id="Controller_Example_ASPNET_MVC_Website"><span class="cufon cufon-canvas" style="height: 20px; width: 94px;"><span class="cufon-alt">Controller </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 90px;"><span class="cufon-alt">(Example: </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 80px;"><span class="cufon-alt">ASP.NET </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 46px;"><span class="cufon-alt">MVC </span></span><span class="cufon cufon-canvas" style="height: 20px; width: 79px;"><span class="cufon-alt">Website)</span></span></span></h2>
<ul>
<li>The controller determines which view is displayed</li>
<li>Events in the view trigger actions that the controller can use to modify the model or choose the next view.</li>
<li>There could be multiple views for each controller</li>
<li>View Communication:
<ul>
<li>The controller has a method that determines which view gets displayed</li>
<li>The view sends input events to the controller via a callback or
registered handler. In the case of a website, the view sends events to
the controller via a url that gets routed to the appropriate controller
and controller method.</li>
<li>The view receives updates directly from the model without having to go through the controller.
<ul>
<li>Note: In practice, I don’t think this particular feature of MVC is
employed as often today as it was in the past. Today, I think
developers are opting for MVVM (or MVP) over MVC in most situations
where this feature of MVC would have been used. Websites are a
situation where I think MVC is still a very practical solution.
However, the view is always disconnected from the server model and can
only receive updates with a request that gets routed through the
controller. The view is not able to receive updates directly from the
model.</li>
</ul>
</li>
</ul>
</li>
</ul>
<em><strong>Implementation (for web): </strong></em><br />
<ul>
<li>A class is required to interpret incoming requests and direct them
to the appropriate controller. This can be done by just parsing the
url. Asp.net MVC does it for you.</li>
<li>If required, the controller updates the model based on the request.</li>
<li>If required, the controller chooses the next view based on the
request. This means the controller needs to have access to some class
that can be used to display the appropriate view. Asp.net MVC provides a
function to do this that is available in all controllers. You just
need to pass the appropriate view name and data model.</li>
</ul>
<div style="text-align: center; width: auto;">
<div style="text-align: left;">
MVVM and MVP implementation seem pretty
straightforward but MVC can be a little confusing. The diagram below
from Microsoft’s Smart Client Factory documentation does a great job at
showing MVC communication. Note that the controller chooses the view
(ASP.NET MVC) which is not shown in this diagram. MVVM interactions
will look identical to MVP (replace Presenter with ViewModel). The
difference is that with MVP, those interactions are handled
programmatically while with MVVM, they will be handled automatically by
the data bindings.</div>
<a href="http://joel.inpointform.net/wp-content/uploads/2011/05/mvc_mvp.jpg"><img alt="" class="aligncenter size-full wp-image-387" height="284" src="http://Joel.InPointForm.net/wp-content/uploads/2011/05/mvc_mvp.jpg" title="mvc_mvp" width="498" /></a><br />
</div>
<h1>
<span id="General_rules_for_when_to_use_which"><span class="cufon cufon-canvas" style="height: 30px; width: 105px;"><span class="cufon-alt">General </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 67px;"><span class="cufon-alt">rules </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 43px;"><span class="cufon-alt">for </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 78px;"><span class="cufon-alt">when </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 34px;"><span class="cufon-alt">to </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 51px;"><span class="cufon-alt">use </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 89px;"><span class="cufon-alt">which?</span></span></span></h1>
<strong>MVP </strong><br />
<ul>
<li>Use in situations where binding via a datacontext is not possible.</li>
<li>Windows Forms is a perfect example of this. In order
to separate the view from the model, a presenter is needed. Since the
view cannot directly bind to the presenter, information must be passed
to it view an interface (IView).</li>
</ul>
<strong>MVVM</strong><br />
<ul>
<li>Use in situations where binding via a datacontext is possible. Why?
The various IView interfaces for each view are removed which means
less code to maintain.</li>
<li>Some examples where MVVM is possible include WPF and javascript projects using <a href="http://knockoutjs.com/">Knockout</a>.</li>
</ul>
<strong>MVC</strong><br />
<ul>
<li>Use in situations where the connection between the view and the rest
of the program is not always available (and you can’t effectively
employ MVVM or MVP).</li>
<li>This clearly describes the situation where a web API is separated
from the data sent to the client browsers. Microsoft’s ASP.NET MVC is a
great tool for managing such situations and provides a very clear MVC
framework.</li>
</ul>
<h1>
<span id="Final_notes"><span class="cufon cufon-canvas" style="height: 30px; width: 66px;"><span class="cufon-alt">Final </span></span><span class="cufon cufon-canvas" style="height: 30px; width: 71px;"><span class="cufon-alt">notes</span></span></span></h1>
<ul>
<li>Don’t get stuck on semantics. Many times, one of your systems will
not be purely MVP or MVVM or MVC. Don’t worry about it. Your goal is
not to make an MVP, MVVM, or MVC system. Your goal is to separate the
view, the model, and the logic that governs both of them. It doesn’t
matter if your view binds to your ‘Presenter’, or if you have a pure
Presenter mixed in with a bunch of ViewModels. The goal of a
maintainable project is still achieved.</li>
<li>Some evangelists will say that your ViewModels (and Presenters) must
not make your model entities directly available for binding to the
view. There are definitely situations where this is a bad thing.
However, don’t avoid this for the sake of avoiding it. Otherwise, you
will have to constantly be copying data between your model and
ViewModel. Usually this is a pointless waste of time that results in
much more code to maintain.</li>
<li>In line with the last point, if using WPF it makes sense
to implement INotifyPropertyChanged in your model entities. Yes, this
does break POCO but when considering that INotifyPropertyChanged adds a
lot of functionality with very little maintenance overhead , it is an
easy decision to make.</li>
<li>Don’t worry about “bending the rules” a bit so long as the main goal of a maintainable program is achieved</li>
<li>Views
<ul>
<li>When there is markup available for creating views (Xaml, HTML, etc),
some evangelists may try to convince developers that views must be
written entirely in markup with no code behind. However, there are
perfectly acceptable reasons to use the code behind in a view if it is
dealing with view related logic. In fact, it is the ideal way to keep
view code out of your controllers, view models, and presenters.
Examples of situations where you might use the code behind include:
<ul>
<li>Formatting a display field</li>
<li>Showing only certain details depending on state</li>
<li>Managing view animations</li>
</ul>
</li>
<li>Examples of code that should not be in the view
<ul>
<li>Sending an entity to the database to be saved</li>
<li>Business logic</li>
</ul>
</li>
</ul>
</li>
</ul>
Happy coding.<br />
</div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0tag:blogger.com,1999:blog-6216715720124042436.post-41668298032349562712014-08-11T10:57:00.001-07:002014-08-11T10:57:32.422-07:00Difference between Object and Var and Dynamic type in C# <div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-size: small;"><i><span style="color: #161616;">C# is rich
in data type. It provides three types Object, Var and Dynamic to store data of
any type. In this article, I am trying to explore the differences among these
three.</span></i></span><br />
<br />
<div align="center" class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0in; text-align: center; vertical-align: top;">
<span style="font-size: small;"><b><u><span style="color: #161616;">Difference between Object, Var
and Dynamic type</span></u></b></span></div>
<span style="font-size: small;">
</span><div align="center" class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0in; text-align: center; vertical-align: top;">
<span style="font-size: small;"><b><u><span style="color: #161616;"><br /></span></u></b></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(238, 238, 238); line-height: 18pt; margin: 0in 12pt 0in 0in; vertical-align: top;">
<span style="font-size: small;"><b><span>Object</span></b></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">1.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Object was
introduced with C# 1.0</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">2.<span style="line-height: normal;">
</span></span><span style="color: #161616;">It can store
any kind of value, because object is the base class of all type in .NET
framework.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">3.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Compiler has
little information about the type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">4.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Object type
can be passed as method argument and method also can return object type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">5.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Need to cast
object variable to original type to use it and performing desired operations.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">6.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Cause the
problem at run time if the stored value is not getting converted to underlying
data type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">7.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Useful when we
don’t have more information about the data type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0in; vertical-align: top;">
<span style="font-size: small;"><br /></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(238, 238, 238); line-height: 18pt; margin: 0in 12pt 0in 0in; vertical-align: top;">
<span style="font-size: small;"><b><span style="color: #272727;">Var</span></b></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">1.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Var was
introduced with C# 3.0</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">2.<span style="line-height: normal;">
</span></span><span style="color: #161616;">It can store
any type of value but It is mandatory to initialize var types at the time of
declaration.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">3.<span style="line-height: normal;">
</span></span><span style="color: #161616;">It is type
safe i.e. Compiler has all information about the stored value, so that it doesn't
cause any issue at run-time.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">4.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Var type
cannot be passed as method argument and method cannot return object type. Var
type work in the scope where it defined.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">5.<span style="line-height: normal;">
</span></span><span style="color: #161616;">No need to
cast because compiler has all information to perform operations.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">6.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Doesn't cause
problem because compiler has all information about stored value.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpLast" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">7.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Useful when we
don’t know actual type i.e. type is anonymous.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0in; vertical-align: top;">
<span style="font-size: small;"><br /></span></div>
<span style="font-size: small;">
</span><div class="MsoNormal" style="background: none repeat scroll 0% 0% rgb(238, 238, 238); line-height: 18pt; margin: 0in 12pt 0in 0in; vertical-align: top;">
<span style="font-size: small;"><b><span style="color: #272727;">Dynamic</span></b></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpFirst" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">1.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Dynamic was
introduced with C# 4.0</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">2.<span style="line-height: normal;">
</span></span><span style="color: #161616;">It can store
any type of the variable, similar to old VB language variable.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">3.<span style="line-height: normal;">
</span></span><span style="color: #161616;">It is not type
safe i.e. Compiler doesn't have any information about the type of variable.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">4.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Dynamic type
can be passed as method argument and method also can return dynamic type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">5.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Casting is not
required but you need to know the properties and methods related to stored
type.</span></span></div>
<span style="font-size: small;">
</span><div class="MsoListParagraphCxSpMiddle" style="background: none repeat scroll 0% 0% rgb(249, 249, 249); line-height: 18pt; margin: 0in 12pt 0in 0.5in; text-indent: -0.25in; vertical-align: top;">
<span style="font-size: small;"><span style="color: #161616;">6.<span style="line-height: normal;">
</span></span><span style="color: #161616;">Cause problem
if the wrong properties or methods are accessed because all the information
about stored value is get resolve only at run time.</span></span></div>
<span style="font-size: small;">
<span style="color: #161616;">7.<span style="line-height: normal;"> <b> 7 </b> </span></span><span style="color: #161616;">Useful when we
need to code using reflection or dynamic languages or with the COM objects,
because you need to write less code.</span></span></div>
Anonymoushttp://www.blogger.com/profile/11065162483949288711noreply@blogger.com0