怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jquery属性选择器的用法
来源：互联网
2023-03-16 23:55:14 版权归原作者所有，如有侵权，请联系我们
jquery属性选择器的用法
工具/原料
- jquery
- eclipse
方法/步骤
选择指定属性值等于给定字符串或者以改字符串为前缀的元素。
%@ 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.css" />
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才有这个值。
选择指定属性是以给定字符串开始的元素：
语法：$("attribute^='value']"),查找有id属性，并且name属性并且以man结果的值。
%@ 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() {
$("input[id][name$='man']").val("百度");
})
/script>
html>
body>
div class="container">
div class="row">
div class="col-md-3">
input name="man-news" id="man-news"/>
/div>
div class="col-md-3">
input name="milkman" />
/div>
div class="col-md-3">
input id="letterman" name="letterman" name="new-letterman" />
/div>
div class="col-md-3">
input name="newmilk" />
/div>
/div>
/div>
/body>
/html>
运行程序，查看程序的执行结果，只有input id="letterman" name="letterman" name="new-letterman" />才能设置到值。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：jQuery文字切换动画效果 下一篇：jquery基础选择器的用法
相关文章
- 详细阅读
-
jQuery MiniUI 快速入门详细阅读
jQuery MiniUI 快速入门,前段时间由于工作的原因接触到MiiUI。感觉MiiUI很强大，使用起来也很舒服。下面我就带领大家快速的使用MiiUI。MiiUI-专业WeUI控件库它能缩短开发时......
2023-03-17 330 JQUERY
-
怎么使用JQuery Mobile开发移动网站详细阅读
怎么使用JQuery Mobile开发移动网站,现在越来越多的人用网站来做手机a,这样的好处是，可以做一个网站，基本上可以做到多个平台adroid,io,w,都可以使用。这里使用JQueryMoile......
2023-03-17 374 JQUERY