jQuery中input和:input選擇器的區別

阿新 • • 發佈：2019-02-11

(1) input，標籤選擇器，僅僅選擇input元素<input type="text">；
(2) :input，偽類選擇器，選擇表單中的input ，select， textarea， button元素.
示例如下：
html:

<html>
    <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
        <script>
            $(function 
(){
                $('input').css('border','1px solid red');//只有input標籤邊框變為紅色
                $(':input').foucs(function(){//input select textarea button獲取焦點背景變為#fcc
                    $(this).css('background','#fcc');
                }).blur(function(){//失去焦點背景變為#fff
                    $(this).css('background' 
,'#fff');
                });
            })
        </script>
    </head>
    <body>
        <form>
            <fieldset>
                <legend>個人基本資訊</legend>
                <div>
                    <label for="username">名稱：</label>
                    <input 
 type="text" id="username">
                </div>
                <div>
                    <label for="nation">國家：</label>
                    <select>
                        <option>中國</option>
                        <option>美國</option>
                        <option>英國</option>
                    </select>
                </div>
                <div>
                    <label for="msg">詳細資訊：</label>
                    <textarea id="msg"></textarea>
                </div>
                <div>
                    <button id="submit">提交</button>
                </div>
            </fieldset>

        </form>
    </body>
</html>

CSS中的ID選擇器和類選擇器區別及用法

W3C標準這樣規定的，其一：在同一個頁面內，不允許有相同名字的id物件出現，但是允許相同名字的class 其二：當頁面中用到js或者要動態呼叫物件的時候，要用到id 控制頁面總共有四種方式行內方式、內嵌方式、連結方式、匯入方式，通過這四種方式就可以實現CSS對HTML頁面樣式的控制，如果要讓

jquery中，模糊查詢選擇器，帶 *= 的寫法具體什麼含義？

1、例如： $( "select[id*=ddlcpstyle1]" ) 1）*= 表示選擇 id 中包括 ddlcpstyle1 的 select <select id="AAAddlcpstyle1"></select> <select id="ddlc

jquery中匿名函式、選擇器、方法呼叫、繫結事件

轉載地址： https://blog.csdn.net/ideality_hunter/article/details/77935656 http://www.cnblogs.com/si-shaohua/p/3760286.html https://www.cnblogs.com/de

jQuery中的基本過濾選擇器（四、三）：:first、:last、:not() ... ...

<!DOCTYPE html> <html> <head> <title>基本過濾選擇器</title> <meta http-equiv="content-type" content="text/html;

jQuery中click和原生onclick的區別

轉載自：http://blog.csdn.net/eyeder/article/details/48805055 click()和onclick()的區別： 1.onclick是繫結事件，告訴瀏覽器在滑鼠點選時候要做什麼 click本身是方法作用是觸發onclick

JQuery中$.each 和$(selector).each()的區別詳解

委托 tle 如果第一個索引類型 href lec 相對 JQuery中$.each 和$(selector).each()的區別詳解目錄 ?? 1、$(selector).each()?? 2、$.each() 1、$(selec

Jquery 中迴圈遍歷選擇器 each（）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.stat

jQuery 中 attr() 和 prop() 方法的區別

原文章地址： http://www.cnblogs.com/zhwl/p/3520162.html 結論：根據官方的建議：具有 true 和 false 兩個屬性的屬性，如 checked, selected 或者 disabled 使用prop()，其他的使用

jQuery中input和:input選擇器的區別

(1) input，標籤選擇器，僅僅選擇input元素<input type="text">； (2) :input，偽類選擇器，選擇表單中的input ，select， textarea， button元素. 示例如下： html: <

HTML中button和input button的區別

sta ram window 除了水平其中插入而是 ext button和input button的區別一句話概括主題：<button>具有<input type="button" ... >相同的作用但是在可操控性方面更加強大。 HTML

jquery id選擇器和class選擇器的區別

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <t

HTML中id選擇器和class選擇器的區別（為什麼id選擇器不能重複）

id選擇器與class選擇器的區別：區別 1：只能在文件中使用一次與類不同，在一個 HTML 文件中，ID 選擇器會使用一次，而且僅一次。區別 2：不能使用 ID 詞列表不同於類選擇器，ID 選擇器不能結合使用，因為 ID 屬性不允許有以空格分隔的詞列表。區別 3：ID

css中id選擇器和class選擇器的區別？

ID選擇器： id 選擇器可以為標有特定 id 的 HTML 元素指定特定的樣式。 id 選擇器以 "#" 來定義。下面的兩個 id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色

CSS選擇器中後代選擇器和派生選擇器有什麼區別？

根據W3C的說明：派生選擇器通過依據元素在其位置的上下文關係來定義樣式，你可以使標記更加簡潔。在 CSS1 中，通過這種方式來應用規則的選擇器被稱為上下文選擇器 (contextual selectors)，這是由於它們依賴於上下文關係來應用或者避免某項規則。

定時器解決IE9中propertychange和input事件在拖拽、剪下、刪除時無法觸發

在做專案中，遇到了一個在IE9下的input框在拖拽、剪下、刪除時無法觸發change時，搜尋了好久，發現是IE9的一個BUG。參考文章：http://blog.csdn.net/cuixiping/article/details/7450542 所以寫了一個定時器來動態

jquery中attr和prop的區別

query 刪除選中明顯 w3c標準例子一個模糊 cti 在高版本的jquery引入prop方法後，什麽時候該用prop？什麽時候用attr？它們兩個之間有什麽區別？這些問題就出現了。關於它們兩個的區別，網上的答案很多。這裏談談我的心得，我的心得很簡單：對於

jQuery中find和filter的區別

query spa com 區別 tex 自身技術 ext inf 這是jQuery裏常用的2個方法。他們兩者功能是完全不同的，而初學者往往會被誤導。首先我們看.find()方法：現在有一個頁面，裏面HTML代碼為;程序代碼 <div class="css"&

jquery中 $().click()和$(document).on('click','要選擇的元素',function(){})的不同

參考連結：https://www.cnblogs.com/sqh17/p/7746418.html 1. $(選擇器).click(fn) 當選中的選擇器被點選時觸發回撥函式fn。只針對與頁面已存在的選擇器。對動態建立的元素無效 2.$(document).on('cl

jQuery中ready和load的區別

ready方法 $(document).ready(function(){ ...code... }) //document ready 簡寫 $(function(){

CSS樣式中的後代選擇器和子代選擇器

2017年04月18日 20:36:15 枕夢閱讀數：1903 標籤：後代選擇器子代選擇器

jQuery中input和:input選擇器的區別

相關推薦