400-685-0732 电话咨询定制营销方案
关注专业seo外包公司
SEO创新会
文军营销
大数据驱动  让营销不走弯路
首页  >   工具使用  >  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语言编程中比较重要的一个知识点,希望各位能引起重视,如果你想了解更多精彩内容,欢迎关注我们文军营销的官网。

推荐阅读

在excel中code函数的基础用法 code函数的使用方法 | 文军营销在excel中code函数的基础用法 code函数的使用方法,【excel助手】今天为大家分享一篇干货知识,如何设置code函数的使用方法,今天的分享角度是从工作中常用的角度谈的,...java运行环境 怎么安装java的运行环境 | 文军营销[动画教程]跑步的基本制作 len函数的使用方法 excel表中如何用len函数 large函数 large函数如何用 jquery属性选择器 jquery属性选择器如何用 java注解 java注解的一般...large函数 large函数如何用 | 文军营销上一篇: jquery属性选择器 jquery属性选择器如何用 下一篇: len函数的使用方法 excel表中如何用len函数 最新文章 excel格式刷快捷键 excel中格式刷和f4的妙用 ...复制excel和word文档里的图片 word文档复制到excel | 文军营销[动画教程]跑步的基本制作 len函数的使用方法 excel表中如何用len函数 large函数 large函数如何用 jquery属性选择器 jquery属性选择器如何用 java注解 java注解的一般...date函数 date函数的使用方法 | 文军营销在我们的日常生活中,不论是学习还是工作,我们都会用到date函数。date函数...jquery属性选择器 jquery属性选择器如何用 java注解 java注解的一般作用 ...excel表格打印不全 excel表格内打印不完整 | 文军营销2、在设置栏下,单击无缩放旁的小箭头;从下拉菜单中选择将工作表调整为一...jquery属性选择器 jquery属性选择器如何用 java注解 java注解的一般作用 ...