jQuery fast food
- 2. Why jQuery
• Browser Incompatibility
• Smoothes over some JavaScript Rough Spots
• Time to Market
- 3. Adding jQuery to Your App
• CDN
• <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
• <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.2.min.js"></script>
• Nuget
• Install-Package jQuery -Version 1.11.2
- 4. Selector Basics
• By element $(“fieldset”)
• By class $(“.required”)
• By ID $(“#pipelineData”)
• $("#ancestor .descendant")
• $("#parent > .child")
• $("ul >li:first")
• $("ul>li:last")
• $("div:animated")
• $(":checkbox")
• $(":hidden")
- 6. AJAX
• The AJAX Function
$.ajax({
url: "/Controller/Action",
type: "POST",
data : JSON Object,
dataType : “json”
success: function(result) {
$("#sideBarList").append(result);
}
});