jquery屬性選擇器是什么？jquery屬性選擇器如何使用？相信許多朋友們在看到jquery屬性選擇器時都會與小編一樣有這些問題，而為了讓大家對jquery屬性選擇器有一個很好的了解，今天小編就來說說有關jquery屬性選擇器的內容吧。
jquery屬性選擇器——jquery屬性選擇器是什么
jQuery使用XPath表達式來選擇帶有給定屬性的元素。
$(“[href]”)選取所有帶有href屬性的元素。
$(“[href=’#’]”)選取所有帶有href值等于”#”的元素。
$(“[href!=’#’]”)選取所有帶有href值不等于”#”的元素。
$(“[href$=’.jpg’]”)選取所有href值以”.jpg”結尾的元素。
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());
%>
<!– 此時表示根據設備的大小調整頁面的顯示寬度 –>
<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>
運行程序，查看英文是否變成了紅色字體：
選擇指定屬性值包含一個給定字符串的元素。
選擇指定屬性值用空格分隔的值中包含一個指定給定字符串的元素。
<%@ 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());
%>
<!– 此時表示根據設備的大小調整頁面的顯示寬度 –>
<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>
運行程序，查看有哪些輸入框會有這個值。
我們看到只有<input name=”milk man” /> 這個包含空格屬性的input才有這個值。
以上就是有關jquery屬性選擇器是什么的以及怎么用的的所有內容，這一個功能是java語言編程中比較重要的一個知識點，希望各位能引起重視，如果你想了解更多精彩內容，歡迎關注我們文軍營銷的官網。
推薦閱讀
html字體顏色 html如何設置字體顏色 | 文軍營銷1.打開dreamweaver以后,新建一個HTML頁面,為了方便起見,我們直接在代碼窗口編寫3個段落標簽標簽做演示。給其中的三個標簽分別添加了類選擇器class,分別給一個名稱,然后在樣式中分別給類選擇器添加樣式: 方法一:這里就是添加設置字體大小的樣式font-size:30px;30px代表設置的字體大小是30個像素,是固定的。 方法二:fo...
400-685-0732(7x24小時)
關注文軍
