网站首页 美食营养 游戏数码 手工爱好 生活家居 健康养生 运动户外 职场理财 情感交际 母婴教育 生活知识 知识问答

jquery属性选择器的用法

时间:2026-02-17 16:17:28

1、选择指定属性值等于给定字符串或者以改字符串为前缀的元素。

<%@ 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>

<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>

jquery属性选择器的用法

<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>

jquery属性选择器的用法

7、运行程序,查看程序的执行结果,只有<input id="letterman" name="letterman" name="new-letterman" />才能设置到值。

jquery属性选择器的用法

© 2026 一点知道
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com