怎样安装Dreamweaver的jquery扩展,我们通常会用dreamweaver这个网页设计软件来编写网页前台代码，在编写代码时会经常出现下拉的菜单供我们选择，为我们编写代码节省了很多的时间。这样......
2023-03-17 342 JQUERY DREAMWEAVER
jquery基础选择器的用法
来源：互联网
2023-03-16 23:55:15 版权归原作者所有，如有侵权，请联系我们
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() {
$("div *").html("我是大神");
})
/script>
html>
body>
div>
/
label>/label>
/div>
/body>
/html>
运行程序，查看程序的执行结果，div下的单个表单都加上了我们脚本中的内容。
类选择器，选择给定类名"pcontent"的所有元素。
%@ 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() {
$(".pcontent").html("我是大神");
})
/script>
html>
body>
div>
p class="pcontent">/
label>/label>
/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() {
$("span").html("我是大神666");
})
/script>
html>
body>
div>
/
label>/label>
span>/span>
/div>
/body>
/html>
id选择器：选择一个具有给定id属性的单个元素：
%@ 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() {
$("#content").html("我是大神666");
})
/script>
html>
body>
div>
/
label>/label>
span id="content">/span>
/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() {
$("#content,p,label").html("我是大神6676");
})
/script>
html>
body>
div>
/
label>/label>
span id="content">/span>
/div>
/body>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JQUERY
上一篇：jquery属性选择器的用法 下一篇：jQuery+CSS3手机锁屏解锁
相关文章
- 详细阅读
-
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