成人免费高清二区三区视频不卡,日韩精品在线国产丝袜

jquery設(shè)置input的value值 jquery判斷字符串是否為空

文章插圖
Introduction to jQueryjQuery 是一個快速、簡潔的 JavaScript 框架，是目前最流行的 JavaScript 程序庫，它是對 JavaScript 對象和函數(shù)的封裝jQuery 的設(shè)計思想是 Write less, do more實現(xiàn)隔行變色效果， JavaScript 要循環(huán)加判斷，而 jQuery 只需一句關(guān)鍵代碼$("tr:even").css("background-color", "#ccc");jQuery Function訪問和操作 DOM 元素控制頁面樣式對頁面事件進行處理擴展新的 jQuery 插件與 Ajax 技術(shù)完美結(jié)合jQuery 能做的 JavaScript 也都能做，但使用 jQuery 能大幅提高開發(fā)效率
jQuery Advantages體積小，壓縮后只有 100 KB 左右強大的選擇器出色的 DOM 封裝可靠的事件處理機制出色的瀏覽器兼容性jQuery UsagejQuery 作為一個單獨存在的 js 文件，并不會與其他的 js 文件發(fā)生沖突
<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script>基本的語法介紹<script>$(selector).action();</script>工廠函數(shù) $()：將 DOM 對象轉(zhuǎn)化為 jQuery 對象
選擇器 selector：獲取需要操作的 DOM 元素
方法 action()：jQuery 中提供的方法，其中包括綁定事件處理的方法 “$” 等同于 “jQuery”
例如：
<body><p>hello</p></body><script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>alert($("p").text());</script>jQuery 對象與 DOM 對象DOM 對象和 jQuery 對象分別擁有一套獨立的方法，不能混用
$("#title").html();// 等同于document.getElementById("title").innerHTML;如果要混用它們，就要進行轉(zhuǎn)換
DOM 對象轉(zhuǎn) jQuery 對象// a 是 DOM 對象var a = document.getElementById("name");// b 是 jQuery 對象var b = $(a);jQuery 對象轉(zhuǎn) DOM 對象// a 是 jQuery 對象var a = $("#name");// b 是 DOM 對象var b = jqObject.get(0);選擇器基本選擇器基本選擇器包括標簽選擇器、類選擇器、ID選擇器、并集選擇器、交集選擇器和全局選擇器。
<p>中國</p><p>China</p><p class="jy">加油</p><p id="wan">萬</p><h3 class="jy">加油</h3>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 標簽選擇器，獲得所有的 p$("p").css("color","red");// 類選擇器$(".jy").css("color","red");// ID 選擇器，更具備唯一性$("#wan").css("color","red");// 并集選擇器 ".jy" 和 "#wan"$(".jy,#wan").css("color","red");// 交集選擇器，既是 h3 標簽，又擁有 ".jy" 的元素$("h3.jy").css("color","red");</script>層次選擇器<h3>000</h3><div id="x">111<p>p1</p><div><p>p2</p></div></div><h3>222</h3><h3>333</h3>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 后代選擇器，忽略層級，選取所有后代元素$("#x p").css("color","red");// 子代選擇器，只選取子層的元素$("#x>p").css("color","red");// 相鄰元素選擇器，下一個緊鄰的兄弟元素 h3$("#x+h3").css("color","red");// 同輩元素選擇器， #x 元素之后的的所有兄弟元素 h3$("#x~h3").css("color","red");</script>屬性選擇器<a >百度</a><a >新浪網(wǎng)</a><a >網(wǎng)易</a><p >測試1</p><p title="x">測試2</p>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 選取擁有 href 屬性的元素$("[href]").css("color","red");// 選取擁有 href=https://www.520longzhigu.com/diannao/x 的元素$("[);// 選取 a 標簽中 href 不等于 x 的元素$("a[href!='x']").css("color","red");// 選取 href 屬性以 www 開頭的元素$("[href^='www']").css("color","red");// 選取 href 屬性以 com 結(jié)尾的元素$("[href$='com']").css("color","red");// 選取 href 屬性包含 a 的元素$("[href*='a']").css("color","red");// 選取擁有 href 屬性和 title 屬性，并且 title=x 的 p 元素$("p[href][title='x']").css("color","red");</script>過濾選擇器<h2 id="h2#x">選擇</h2><ul><li>a</li><li>b</li><li>c</li><li>d</li><li>e</li></ul>?<script src="https://www.520longzhigu.com/diannao/js/jquery-3.4.1.min.js"></script><script>// 第一個 li$("li:first").css("color","red");// 最后一個 li$("li:last").css("color","red");// 偶數(shù)行的 li$("li:even").css("color","red");// 奇數(shù)行的 li$("li:odd").css("color","red");// 下標為 2 的 li$("li:eq(2)").css("color","red");// 下標大于 1 的 li$("li:gt(1)").css("color","red");// 下標小于 2 的 li$("li:lt(2)").css("color","red");// 使用轉(zhuǎn)義符$("#h2\\#x").css("color","red");</script>事件鼠標事件鼠標事件是當用戶在文檔上移動或單擊鼠標時而產(chǎn)生的事件。

以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請您及時就醫(yī)或請專業(yè)人士給予相關(guān)指導!

「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對您有所幫助：

jquery設(shè)置input的value值 jquery判斷字符串是否為空