filmov
tv
jQuery input vs input
Показать описание
Link for all dot net and sql server video tutorial playlists
Link for slides, code samples and text version of the video
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
In this video we will discuss the difference between $(input) and $(:input) selectors
$(:input) selects all input, textarea, select and button elements where as $(input) just selects elements with an input tag.
The following is the HTML used in the examples. Replace < with LESSTHAN symbol and > with GREATERTHAN Symbol.
<html>
<head>
<title></title>
</head>
<body style="font-family:Arial">
First Name : <input type="text" value="John" />
<br /><br />
Last Name : <input type="text" value="Major" />
<br /><br />
Gender :
<input type="radio" name="gender" checked="checked" value="Male">Male
<input type="radio" name="gender" value="Female">Female
<br /><br />
Skills :
<input type="checkbox" name="skills" checked="checked" value="JavaScript" />JavaScript
<input type="checkbox" name="skills" checked="checked" value="jQuery" />jQuery
<input type="checkbox" name="skills" value="C#" />C#
<br /><br />
Country:
<select>
<option selected="selected" value="USA">USA</option>
<option value="India">India</option>
<option value="UK">UK</option>
</select>
<br /><br />
Summary :
<br />
<textarea>I am a Senior Dot Net Developer with 10 years experience</textarea>
<br /><br />
<input type="submit" value="submit" />
</body>
</html>
Now we want to get the text value from all the textboxes. On this page we have 2 textboxes
1. First Name
2. Last Name
jQuery code to get textbox value using $(input)
<script type="text/javascript">
$(document).ready(function () {
$('input[type="text"]').each(function () {
alert($(this).val());
});
});
</script>
jQuery code to get textbox value using $(:input)
<script type="text/javascript">
$(document).ready(function () {
$(':input[type="text"]').each(function () {
alert($(this).val());
});
});
</script>
Which one is better for performance $('input[type="text"]') or $(':input[type="text"]')
$('input[type="text"]') is better for performance over $(':input[type="text"]'). This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements. So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
Link for slides, code samples and text version of the video
Healthy diet is very important both for the body and mind. If you like Aarvi Kitchen recipes, please support by sharing, subscribing and liking our YouTube channel. Hope you can help.
In this video we will discuss the difference between $(input) and $(:input) selectors
$(:input) selects all input, textarea, select and button elements where as $(input) just selects elements with an input tag.
The following is the HTML used in the examples. Replace < with LESSTHAN symbol and > with GREATERTHAN Symbol.
<html>
<head>
<title></title>
</head>
<body style="font-family:Arial">
First Name : <input type="text" value="John" />
<br /><br />
Last Name : <input type="text" value="Major" />
<br /><br />
Gender :
<input type="radio" name="gender" checked="checked" value="Male">Male
<input type="radio" name="gender" value="Female">Female
<br /><br />
Skills :
<input type="checkbox" name="skills" checked="checked" value="JavaScript" />JavaScript
<input type="checkbox" name="skills" checked="checked" value="jQuery" />jQuery
<input type="checkbox" name="skills" value="C#" />C#
<br /><br />
Country:
<select>
<option selected="selected" value="USA">USA</option>
<option value="India">India</option>
<option value="UK">UK</option>
</select>
<br /><br />
Summary :
<br />
<textarea>I am a Senior Dot Net Developer with 10 years experience</textarea>
<br /><br />
<input type="submit" value="submit" />
</body>
</html>
Now we want to get the text value from all the textboxes. On this page we have 2 textboxes
1. First Name
2. Last Name
jQuery code to get textbox value using $(input)
<script type="text/javascript">
$(document).ready(function () {
$('input[type="text"]').each(function () {
alert($(this).val());
});
});
</script>
jQuery code to get textbox value using $(:input)
<script type="text/javascript">
$(document).ready(function () {
$(':input[type="text"]').each(function () {
alert($(this).val());
});
});
</script>
Which one is better for performance $('input[type="text"]') or $(':input[type="text"]')
$('input[type="text"]') is better for performance over $(':input[type="text"]'). This is because $(':input[type="text"]') needs to scan all input elements, textarea, select etc, where as $('input[type="text"]') scans only input elements. So if you want to find elements with an input tag, it is always better to use $('input[type="text"]') over $(':input[type="text"]')
0:06:29
jQuery input vs input
0:01:58
Get The Value Of An Input Text Box Using Jquery
0:01:22
Detect Change In Text Input Using JQuery - HowToCodeSchool.com
0:05:12
Sum up the inputs automatically with Jquery
0:00:34
input link or url of any website in html form element
0:05:10
Add Remove Input Fields Dynamically using jQuery
0:05:52
Realtime/Auto calculation with jQuery $selector .on() | HTML CSS JavaScript JQuery
0:05:35
How to Add or Remove input fields using Jquery | Jquery Clone | AppendTo
0:03:26
Dynamic Add & Remove Row in Laravel -CRUD OPERATION
0:02:34
Disable Or Enable Any Form Element Like Input Using JQuery
0:10:18
Disable Inputs with HTML, JavaScript, and jQuery
0:05:01
Add Remove Group of Input Fields Dynamically using jQuery
0:14:01
Dialog box using JQuery UI to display message and take user inputs
0:02:14
How to get the value of an HTML text input with jQuery - Kevin Chisholm Video
0:08:05
Dynamically Add Input Fields to Form Using Jquery Ajax
0:00:20
jQuery Event | input type text | text type input | #jquery #shorts
0:06:47
using jquery Enable and disable Submit input Button (condition)
0:00:32
javascript - Obtain form input fields using jQuery?
0:01:35
Check If Input Field is Empty in jQuery - HowToCodeSchool.com
0:07:08
10: How to Show Password In Input Using jQuery | jQuery Tutorial | Learn jQuery | jQuery Library
0:08:01
SELECT INPUT JQUERY
0:01:00
one onChange but multiple controlled inputs #shorts
0:00:15
Limit input character | HTML CSS & JAVASCRIPT| Shorts.
0:00:23
How to link css to html in vscode | How to link css to html | html beginner tutorial
Комментарии