How to Create Get Content and Attributes in jQuery

-

Get Content
  • text()
  • html()
  • val()
Example:-
<html>
<head>
<title>Get Content</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("#btn1").click(function(){
    alert("Text: " + $("#test").text());
  });
  $("#btn2").click(function(){
    alert("HTML: " + $("#test").html());
  });
});
</script>
</head>
<body>
<p id="test">In this paragraph having some<b>bolded</b> text.</p>
<button id="btn1">Show Text</button>
<button id="btn2">Show HTML</button>
</body>
</html>
Example 2:-
<html>
<head>
<title>Get Content</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert("Value: " + $("#test").val());
  });
});
</script>
</head>
<body>
<p>Name: <input type="text" id="test" value="Hub of Tutorials"></p>
<button>Show Value</button>
</body>
</html>
Get Attributes – attr()
Example:-
<html>
<head>
<title>Get Attributes</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    alert($("#hub").attr("href"));
  });
});
</script>
</head>
<body>
<p><a href="https://huboftutorials.com" id="hub">Hub of Tutorials</a></p>
<button>Show href Value</button>
</body>
</html>
Read Full article

Comments

Post a Comment

Popular posts from this blog

Student Result Management System

-
Image
Students can see the result in this system. After the training and Exam, it's very easy to shows the result to students with the help of student roll no. This application is also used for the college management system. Modules of Student Result Management System: Students:- You can add the student detail ie. fields (Student Name, Roll No, Email ID, Gender, Class, and DOB). Student Classes: - In this Module can easily create the class with the section option. Also, you can manage all classes and the section. Subjects:- you can create the subject with the subject code. A very simple method to manage the subjects. You can also assign the subject to the class in a simple way. Result:- Result Section is a very important part of the application. you have to select the class then select the student name after that you will see the subjects than just ad the marks in the subjects fields. Admin Features Change password:- Admin can change the password any time. Dashboard:- On the Dashb
Read more

What Is The Job Role Of A Customer Support Executive?

-
Image
Customer service representatives are the backbone of any company that interacts with its clients frequently. These specialists assist businesses in establishing and maintaining great customer and client connections. You can determine whether or not you would like to follow this career path by learning more about it. In this article, we will talk in detail about  customer support jobs  and support representatives, and go into their primary and high-level responsibilities, as also the scope for success in this field. A consumer service executive listens to customers’ problems and offers them appropriate solutions. They are among the most significant aspects of any company because they reflect the true essence of an organization. They are in charge of maintaining clients by assisting them and developing positive relationships with them. They are the ones who are in direct touch with the customer, hence a Client Service Executive could either make or break the sale. In addition, they are f
Read more

TOP RECRUITMENT COMPANIES IN INDIA

-
Image
Placement organization plays a vital role in matching potential candidates to employers. Today, the whole scenario of recruiting talented people has changed drastically as every company approaches placement agencies to hire candidates that would be valuable assets in the future. Every agency thoroughly checks the background details of candidates, interviews them, and trains them with professionals. Before going into detail about the top recruitment companies, we need to see the advantages of hiring through these organizations. Benefits For Recruiting Through Agencies:-  For the past, many year’s recruitment companies are taking the road map of agencies to hire the workforce, which has proven helpful as follow, 1. Quick hiring process 2. Meeting the purposes 3. Negotiate salary TOP RECRUITMENT COMPANIES IN INDIA 1. RANSSTAD INDIA Keeping the legacy of 28 years, the company has 57K+ temporary employees on-site and over 500K placement to date. The Ransstad is one of the best recruitment a
Read more