This document provides an overview of jQuery, including:
- What jQuery is and its main features like event handling, animations, AJAX interactions, and DOM manipulation.
- How to install jQuery and include the jQuery library file in an HTML document.
- Common jQuery syntax using CSS-like selectors to select elements and perform actions.
- Examples of different jQuery selectors like ID, class, and attribute selectors.
- Examples of jQuery methods for manipulating elements like getting/setting values, adding/removing classes.
- How to handle common jQuery events like click, mouseover, and keypress.
- How to retrieve values from a selected table row in jQuery.
How to increase Performance of Web Application using JQuerykolkatageeks
Pallab Dutta presented a wonderful session on how to increase productivity of web application using JQuery. He showed us demos regarding basic syntax of JQuery.
Follow us
www.kolkatageeks.com
to get more.
Don't Worry jQuery is very Easy:Learning Tips For jQueryshabab shihan
If for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library. It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience.
How to increase Performance of Web Application using JQuerykolkatageeks
Pallab Dutta presented a wonderful session on how to increase productivity of web application using JQuery. He showed us demos regarding basic syntax of JQuery.
Follow us
www.kolkatageeks.com
to get more.
Don't Worry jQuery is very Easy:Learning Tips For jQueryshabab shihan
If for whatever reason you don’t know jQuery, it is a “write less, do more” JavaScript library. It has many Ajax and JavaScript features to allow you enhance semantic coding and user experience.
Mobile applications Development - Lecture 12
Javascript
jQuery (Zepto)
useful microframeworks
This presentation has been developed in the context of the Mobile Applications Development course at the Computer Science Department of the University of L’Aquila (Italy).
http://www.di.univaq.it/malavolta
In this intro-level session on utilizing jQuery with SharePoint, the focus will be to empower users on how to satisfy some of the common UI changes clients request by writing clean and unobtrusive Javascript with the help of the jQuery library. We'll begin by diving into the different ways that jQuery can be hooked up to SharePoint. We'll talk about CDN versus local copies of the library, as well as linking jQuery via masterpages, custom actions, content editor web parts, and more.
We'll then spend time discussing css selectors, and some of the common patterns and jQuery methods you'll want to familiarize yourself with when targeting page-level elements. After that, the remainder of the presenation will be focused on walking through real-life scenarios of altering the UI with jQuery, such as adding interaction and animation to content query webparts, changing the behavior of links inside a page, and more. The code utilized in the presentation will be made available online after the Conference is completed.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
Exploiting Artificial Intelligence for Empowering Researchers and Faculty, In...Dr. Vinod Kumar Kanvaria
Exploiting Artificial Intelligence for Empowering Researchers and Faculty,
International FDP on Fundamentals of Research in Social Sciences
at Integral University, Lucknow, 06.06.2024
By Dr. Vinod Kumar Kanvaria
Francesca Gottschalk - How can education support child empowerment.pptxEduSkills OECD
Francesca Gottschalk from the OECD’s Centre for Educational Research and Innovation presents at the Ask an Expert Webinar: How can education support child empowerment?
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
A Strategic Approach: GenAI in EducationPeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Safalta Digital marketing institute in Noida, provide complete applications that encompass a huge range of virtual advertising and marketing additives, which includes search engine optimization, virtual communication advertising, pay-per-click on marketing, content material advertising, internet analytics, and greater. These university courses are designed for students who possess a comprehensive understanding of virtual marketing strategies and attributes.Safalta Digital Marketing Institute in Noida is a first choice for young individuals or students who are looking to start their careers in the field of digital advertising. The institute gives specialized courses designed and certification.
for beginners, providing thorough training in areas such as SEO, digital communication marketing, and PPC training in Noida. After finishing the program, students receive the certifications recognised by top different universitie, setting a strong foundation for a successful career in digital marketing.
Executive Directors Chat Leveraging AI for Diversity, Equity, and InclusionTechSoup
Let’s explore the intersection of technology and equity in the final session of our DEI series. Discover how AI tools, like ChatGPT, can be used to support and enhance your nonprofit's DEI initiatives. Participants will gain insights into practical AI applications and get tips for leveraging technology to advance their DEI goals.
3. What is Jquery
• jQuery is library of JavaScript file, containing all jQuery
functions.jQuery developing Ajax base Application.
• jQuery does not offer any new functionality, but it takes existing
hard-to-understand-and-write JavaScript APIs (application
programming interfaces) and makes them available to a wider
audience through easy-to-understand-and-write jQuery syntax
• jQuery is useful in HTML document like Event
Handling, Traversing, Animating Effect, Ajax Interacting and much
more.
• jQuery helps to the Programmers to create easy simple and concise
code. jQuery Library is a content of the event handling, Animation
Effect , Ajax Interactions, Lightweight, DOM manipulation and more.
Following is some jQuery Features.
4. Feature Of jQuery
• Event Handling - jQuery library is support to creating an your own events.
and also provide event model. It is very easy to handle events.
• Animation Effect - jQuery support to built the animation effects which you
want to need.
• Ajax Interactions - jQuery help to develop lot of features using in AJAX
Technology.
Ex. AJAX Technology use to connect on database and also we can fetch the
data from server without refreshing the current page.
• Lightweight - In jQuery, lightweight means "write less code, improve more
feature" using jQuery library.
• DOM manipulation - jQuery using easy to selecting DOM elements and
traversing to modifying their content. When you use CSS, easy select
element id, class and build events to increase or improve more
functionality.
• Compatibility All Dynamic Languages - jQuery script can be use with all
most Dynamic Web Languages like PHP, ASP, JSP, CGI etc.
5. Install Jquery
• First of all we have to need Jquery library file before writing any code on Jquery . Download
latest version of jquery.js file from www.jquery.com Website.
• Current version is 1.8.0 is Select the Production (32KB, Minified and Gzipped) and click on
Download jquery-1.10.2.min.js/jquery-1.10.2.js.
• How to use jQuery Library?
• So first thing is that you need to Add Jquery Library on Page.
Ex:-
<html><head> <script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script type="text/javascript"> $(document).ready(function() {
$("div").click(function() { alert("Wel-Cometo the jQuery..!"); }); }); </script>
</head>
<body>
<div id=“test">
Hey welcome to Jquery.
</div></body></html>
6. Jquery Syntax
• jQuery syntax is made by using HTML elements selector and
perform some action on the elements are manipulation in Dot
sign(.)
• jQuery syntax: $(selector).method()
• $ sign define the jQuery,
• Selector define the Query Elements in HTML document, and
• method() define the action performed on the elements
7. jQuery Selectors
• jQuery selectors is most important aspects of the jQuery library. jQuery library allow you to
select elements in your HTML document by wrapping them in $(" ") (also you have to use
single quotes), which is the jQuery wrapper. Selectors are useful and required at every step
while using jQuery.
• jQuery Selector Syntax
• jQuery offers a powerful set of selector operations, which can be used like wild cards to
identify specific elements in a page.
Selector Description
TagName Selects all element match of given elements.
this Selects current elements.
#ID Selects element whose id is match of given elements.
.CLASS Selects element whose class is match of given elements.
* Selects all elements in the document.
8. Selectors Example
Selector Example Description
* $("table *") Select All Elements.
#id $("#name") Selected element with id="name".
.class $(".name") Selected elements with class="name".
tag $("p") Selected All p elements.
:input $(":input") selected All input elements
:text $(":text") selected All input elements with type="text"
:button $(":button") selected All input elements with type="button".
:password $(":password") selected All input elements with type="password"
:radio $(":radio") selected All input elements with type="radio"
:checkbox $(":checkbox") selected All input elements with type="checkbox".
:image $(":image") selected All input elements with type="image".
:file $(":file") selected All input elements with type="file".
:submit $(":submit") selected All input elements with type="submit"
9. Selector Example Description
:reset $(":reset") selected All input elements with type="reset".
:hidden $("p:hidden
")
Selected All hidden p elements.
:visible $("tr:visible"
)
Selected All visible table rows
:empty $(":empty") Selected All elements with no child of the elements.
:contains(text) $(":contains
(‘hello')")
Select All elements which contains is text.
[attribute] $("[href]") Select All elements with a href attribute.
[attribute$=value] $("a:[href$=.
org]")
Selected elements with a href attribute value ending
with ".org"
[attribute=value] $("a:[href=#
]")
elected elements with a href attribute value equal to
"#".
[attribute!=value] $("a:[href!=
#]")
Selected elements with a href attribute value not equal
to "#".
10. 1. JQUERY TYPE SELECTORS
• input[type="text"].css(‘color’,’blue’); //jquery Text selectors
• $('textarea') .css(‘color’,’blue’); //jquery TextAreaSelectors
• input[type="hidden"].val(); //jquery Hidden Selectors
• input[type="password"] //jquery password selctors
• $('select') // jQuery dropdown selector
• input[type="radio"] //jQuery Radio Selectors
• input[type="checkbox"] //jQuery checkbox selector
• $('image') //jQuery image selector
• input[type="button"] //jQuery button selector
2. JQUERY ID SELECTORS
$("#ID") //Select any elements by ID (#) denotes ID
3. Jquery Class Selectors
$(“.classname") //Select any elements by class name ( . ) denotes Class
Ex.
4. Attribute Exist selectors
$([attribute name]) //select all elements in a page which have a specific attribute.
Ex. $("[border]").css(‘color’,’red’);
11. 4 .Attribute value selector
• $([attribute name = attribute value]) // attribute value selector to select all elements in a page
which have a specific attribute, with the specified value.
Here is example which have the attribute “border”, and a value of 0 for the border attribute
ex. $("[border='0']")
5. jQuery attribute with type selector
$("input[type=<type name>][<attribute name>]") // to select all text elements in a page which have
the following attribute.
Here is example which select text elements in the page which have the attribute “class”
Ex. $("input[type=text][class]")
6.Jquery attribute with type and value IN selector
$("input[type=<type name>][<attribute name> = <attribute value>]") // Select all text elements in a
page which have the class attribute, and a value of mycalss .
$("input[type=text][class='mycalss']")
FOR NOT IN:-
Calss attribute value != mycalss .
$("input[type=<type name>][<attribute name> != <attribute value>]")
$("input[type=text][class!='mycalss']")
6.Jquery attribute with dropdown type selector
$("select[<attribute name> = <attribute value>]")
$("select[class=“abc']")
12. 8. Attribute with checkbox type selector
input[type=checkbox][checked]
jQuery attribute with checkbox type selector to select all the checkboxes which are
checked in a page.
JQUERY METHODS
$('#TextBoxID').val(); // Get value of textbox by using val() method
$('#TextBoxID').val(‘your values'); //Set value inside textbox.
$('#TextBoxID').css("Attribute Name ", "Attribute Value") }); //set css attribute name
$('#<TextBoxID>').addClass("css class name"); //Apply css class from Textboxes in the Page
$('#<TextBoxID>').removeClass("class name"); //remove css class from Textboxes in the
Page
$('#TextBoxID').attr(‘id’,’abc’); // Add Attribute
$('#TextBoxID').removeAttr(‘id'); //remove attribute
$(‘#chekboxListId’).find(‘input’) //find input control inside checkboxlist
Disable /Enable Textbox select
$('#txtEnableDisable').prop("disabled", true); //disable textbox
$('#txtEnableDisable').prop("disabled", false); //enable textbox