jquery屬性選擇器是什么？jquery屬性選擇器如何使用？相信許多朋友們在看到j(luò)query屬性選擇器時(shí)都會(huì)與小編一樣有這些問題，而為了讓大家對jquery屬性選擇器有一個(gè)很好的了解，今天小編就來說說有關(guān)jquery屬性選擇器的內(nèi)容吧。
jquery屬性選擇器——jquery屬性選擇器是什么
jQuery使用XPath表達(dá)式來選擇帶有給定屬性的元素。
$(“[href]”)選取所有帶有href屬性的元素。
$(“[href=’#’]”)選取所有帶有href值等于”#”的元素。
$(“[href!=’#’]”)選取所有帶有href值不等于”#”的元素。
$(“[href$=’.jpg’]”)選取所有href值以”.jpg”結(jié)尾的元素。
jquery屬性選擇器怎么用
選擇指定屬性值等于給定字符串或者以改字符串為前綴的元素。
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<%@taglib? uri=”http://java.sun.com/jsp/jstl/core” prefix=”c” %>
<%
pageContext.setAttribute(“APP_PATH”,request.getContextPath());
%>
<!– 此時(shí)表示根據(jù)設(shè)備的大小調(diào)整頁面的顯示寬度 –>
<meta name=”viewport”
content=”width=device-width,initial-scale=1″>
<script type=”text/javascript”
src=”${APP_PATH}/static/js/jquery-3.2.1.min.js”></script>
<link rel=”stylesheet”
href=”${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.css” />
<script type=”text/javascript”
src=”${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js”></script>
<script type=”text/javascript”>
$(function()
{
$(“[hreflang=en]”).css(“color”,”red”);
})
</script>
<html>
<body>
<div>
<div>
<div>
<a href=”#” hreflang=”en”>英文</a>
<a href=”#” hreflang=”zh”>中文</a>
</div>
</div>
</div>
</body>
</html>
運(yùn)行程序，查看英文是否變成了紅色字體：
選擇指定屬性值包含一個(gè)給定字符串的元素。
選擇指定屬性值用空格分隔的值中包含一個(gè)指定給定字符串的元素。
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<%@taglib? uri=”http://java.sun.com/jsp/jstl/core” prefix=”c” %>
<%
pageContext.setAttribute(“APP_PATH”,request.getContextPath());
%>
<!– 此時(shí)表示根據(jù)設(shè)備的大小調(diào)整頁面的顯示寬度 –>
<meta name=”viewport”
content=”width=device-width,initial-scale=1″>
<script type=”text/javascript”
src=”${APP_PATH}/static/js/jquery-3.2.1.min.js”></script>
<link rel=”stylesheet”
href=”${APP_PATH}/static/bootstrap-3.3.7-dist/css/bootstrap.min.
ss” />
<script type=”text/javascript”
src=”${APP_PATH}/static/bootstrap-3.3.7-dist/js/bootstrap.min.js
></script>
<script type=”text/javascript”>
$(function()
{
$(“input[name~=’man’]”).val(“猛男”);
})
</script>
<html>
<body>
<div class=”container”>
<div class=”row”>
<div class=”col-md-3″>
<input name=”man-news” />
</div>
<div class=”col-md-3″>
<input name=”milk man” />
</div>
<div class=”col-md-3″>
<input name=”letterman2″ />
</div>
<div class=”col-md-3″>
<input name=”newmilk” />
</div>
</div>
</div>
</body>
</html>
運(yùn)行程序，查看有哪些輸入框會(huì)有這個(gè)值。
我們看到只有<input name=”milk man” /> 這個(gè)包含空格屬性的input才有這個(gè)值。
以上就是有關(guān)jquery屬性選擇器是什么的以及怎么用的的所有內(nèi)容，這一個(gè)功能是java語言編程中比較重要的一個(gè)知識(shí)點(diǎn)，希望各位能引起重視，如果你想了解更多精彩內(nèi)容，歡迎關(guān)注我們文軍營銷的官網(wǎng)。
推薦閱讀
400-685-0732(7x24小時(shí))
關(guān)注文軍
