Jquery——選擇器

阿新 • • 發佈：2017-06-11

clas his col one 過濾選擇器 tex open 層級選擇器 class

body

 1 <body>
 2 <form action="">
 3     <input class="input1" name = "name" id = "name" type = "text" />
 4     <input class="input2" name = "passwor" id = "passwor" type = "text" />
 5     <div>
 6         <input class="input3" name = "age" id = "age" type = "text" 
 />
 7         <input class="input4" name = "phone" id = "phone" type = "text" />
 8     </div>
 9 </form>
10 <ul>
11 <li>1</li>
12 <li>2</li>
13 <li>3</li>
14 <li>4</li>
15 <li>5</li>
16 </ul>
17 <input type = "button" 
 value = "點擊" onclick="Myclick()" />
18 </body>

body

選擇器：

1 var input = $("input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

View Code

選取所有的<input>元素；

1 var input = $("#name");
2     input.each(function(){
3         var i = $(this).val();
 
4         alert(i);
5     })

Id選擇器

選取Id="name"的元素

1  var input = $(".input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

類選擇器

選取class="input"的元素

1 var input = $("*");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

*選擇器

選取所有元素；

1 var input = $(".input2,#name,#phone");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

疊加選擇器

分別選取class="input2",id="name",id="phone"的元素

1 var input = $("form  input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

層級選擇器

選取<form>下的<input>元素；

1 var input = $("form > input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

層級選擇器-子級

選取<form>下的子級<input>元素，不選取孫級

1 var input = $("ul + input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

層級選擇器-next

選取<ul>後的第一個<input>元素，input必須在ul的下一位

1 var input = $("ul ~ input");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

層級選擇器-~

選取<ul>後的所有同級<input>元素，不包含<ul>；

1 var input = $("input:first");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

過濾選擇器-first

選取第一個<input>元素；

1 var input = $("input:last");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

過濾選擇器-last

選取最後一個<input>元素；

1 var input = $("input:even");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

過濾選擇器-even

選取所有偶數<input>元素，從0開始；

1 var input = $("input:odd");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

過濾選擇器-odd

選取所有奇數<input>元素，從0開始；

1 var input = $("input:not(#name)");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

選擇器-not

選取所有<input>裏id!=name的元素；

1 var input = $("input:not(:checked)");
2     input.each(function(){
3         var i = $(this).val();
4         alert(i);
5     })

選擇器-not2

選取<input>裏沒選中的元素，註意not(:)中的：；

Jquery——選擇器

分針網——IT教育：jquery選擇器的用法

jQuery選擇器是jQuery庫的一大特色，用這些選擇器不但可以省去繁瑣的JavaScript 書寫方式，還可以節省時間和效率，正是有這些jQuery選擇器，才讓我們更容易的操作JavaScript的dom。 1. 基本選擇器 ·#id 根據

jQuery選擇器絕對定位實現div覆蓋

rip jquer 絕對定位 button min 覆蓋 str fun 選擇新建html文件可以運行(jsp文件下不可運行) <!DOCTYPE html><html> <head> <meta charse

分針網——每日分享： jquery選擇器的用法

提交 -c sce fse edi scrip 偶數 http n) jQuery選擇器是jQuery庫的一大特色，用這些選擇器不但可以省去繁瑣的JavaScript 書寫方式，還可以節省時間和效率，正是有這些jQuery選擇器，才讓我們更容易的操作JavaScript的

jQuery選擇器引擎和Sizzle介紹

document 遞歸展示學院 extra 上下文和源 err sizzle p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Arial; color: #323333 } p.p2 { margin: 0.0

jquery選擇器之元素選擇器

com eight mooc name jquery選擇器 itl 選擇器 padding jquer <!DOCTYPE html><html> <head> <meta http-equiv="Content-type"

jQuery選擇器

選擇第一個 inpu min 1.5 descend height 背景顏色 sel 1.基本選擇器 //改變id為one的元素背景顏色 $("#one").css("background","#bbffaa"); //改變class為mini的所有元素的北京顏色 $

利用jQuery選擇器快速匹配文檔中的按鈕，並為該按鈕綁定事件處理函數

body var jquery pla .org title color button ansi <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org

jquery選擇器詳解

orm visible type nbsp line style .html box con 一、基本選擇器 #box .box1 div $("#box, .box1"); 二、層級選擇器 $("div p"); //div中的所有p $("div > p");

Javascript - Jquery選擇器

n+1 上層 mage 組合 html http 相同 amp hidden 選擇器（JQuery Selector） JQuery是一個JavaScript庫，它極大地簡化了JavaScript編程。整個JQuery庫的方法都在$這個工廠函數裏，我們只需要實例化$對象，

JQuery選擇器，動畫，事件和DOM操作

out 標簽空格 jquery選擇器 ges 引用上拉定義 alt JQuery是由JS封裝的一些方法，供我們調用，可以快速的實現某些JS功能，實際是JS編寫的方法包將JQuery文件放到JS文件夾下，然後引用到<head></head>中

Jquery——選擇器

clas his col one 過濾選擇器 tex open 層級選擇器 class body 1 <body> 2 <form action=""> 3 <input class="input1" name = "name

Jquery——選擇器2

pla clas play spa one his code 選擇技術 1 $("ul li:eq(3)") 選擇器列表中等於3的元素，0開始（第四個） 1 $("ul li:lt(2)") 選擇器列表中小於2的元素，0開始 1 $("ul li:gt

jquery 選擇器

contain 實驗室當前中一 uri 另一個 enable 使用真機 set 騰訊雲·雲上實驗室：開發者零門檻，免費使用真機在線實驗！>>> 選擇器實例選取 * $("*") 所有元素 #id $("#lastname")

jQuery選擇器手冊

奇數 oat 所有 word checkbox _id -a disabled nim jQuery選擇器手冊選擇器實例選取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intr

jQuery選擇器總結

textarea 輸入運用 image 代碼子元素 index tex select 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 3

【轉】JQuery選擇器

log fieldset radi query 選擇器序號 html 數組 cnblogs 原址：http://www.cnblogs.com/onlys/articles/jQuery.html jQuery 的選擇器可謂之強大無比，這裏簡單地總結一下

jQuery選擇器之特殊選擇器this

轉化 cti lang 上下文對象調用模糊 eve on() bsp 相信很多剛接觸jQuery的人，很多都會對$(this)和this的區別模糊不清，那麽這兩者有什麽區別呢？ this是JavaScript中的關鍵字，指的是當前的上下文對象，簡單的說就是方法/屬性的所

鋒利的jQuery學習筆記之jQuery選擇器

空格 attr 簡單 cap 字符串 check disable select file 在介紹jQuery選擇器之前，先簡單介紹一下CSS選擇器---> 一、CSS選擇器常見的CSS選擇器有以下幾種：選擇器語法描述示例標簽選擇器 E{CSS規則

jQuery選擇器之層級選擇器

ref 不能 order 層級 cnblogs class ima pre com <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" conten

jQuery選擇器之表單元素選擇器

padding ima col image char ref 選中 doc 技術分享 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" conte

Jquery——選擇器

相關推薦