首页  >   工具使用  >  jquery属性选择器 jquery属性选择器如何用

jquery属性选择器 jquery属性选择器如何用

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语言编程中比较重要的一个知识点,希望各位能引起重视,如果你想了解更多精彩内容,欢迎关注我们文军营销的官网。

推荐阅读

利用python进行数据分析 python如何抓取数据 | 文军营销不过,后续我们将使用 CSS 选择器,因为它更加简洁,并且能够在解析动态内容时得以...jquery属性选择器 jquery属性选择器如何用 | 文军营销利用python进行数据分析 ...large函数 large函数如何用 | 文军营销推荐阅读large函数 large函数如何用 | 文军营销在excel制作表格的过程当中,我们...上一篇: jquery属性选择器 jquery属性选择器如何用 下一篇: len函数的使用方法...html字体颜色 html如何设置字体颜色 | 文军营销直接给元素所在层加上style=”color:颜色;”属性即可 jquery方法加颜色 需要...给其中的三个标签分别添加了类选择器class,分别给一个名称,然后在样式中...下拉框选中事件 如何使select2插件下拉框多选并获取选中的值 | 文...一般情况下,select下拉框是只能选择,不能用来输入内容的。当select下拉框中没有...jquery属性选择器 jquery属性选择器如何用 | 文军营销jquery属性选择器如何使用?...

copyright@2015上海文军信息技术有限公司沪ICP备10034044号-8公网安备31011202001046号网站地图