jquery如何操作dom，访问dom元素

时间：2026-02-16 04:43:28

1、jquery中操作元素的属性用attr()方法，根据参数的不同可以用不同的处理。

得到属性的值：

<%@ 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());

$(function() {

alert($("input").attr("type"));

})

</script>

<html>

<body>

<div>

</div>

</body>

</html>

jquery如何操作dom，访问dom元素

2、jquery中操作元素的属性用attr()方法，根据参数的不同可以用不同的处理。

设置元素属性的值：

<%@ 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());

$(function() {

$("input").attr("value","文本框");

})

</script>

<html>

<body>

<div>

</div>

</body>

</html>

jquery如何操作dom，访问dom元素

3、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());

$(function() {

alert($("div").html());

})

</script>

<html>

<body>

<div>我是一个div</div>

</body>

</html>

jquery如何操作dom，访问dom元素

4、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());

$(function() {

$("div").html("<h1>百度威猛</h1>");

})

</script>

<html>

<body>

<div>我是一个div</div>

</body>

</html>

jquery如何操作dom，访问dom元素

5、jquery通过val()方法设置元素的值。

<%@ 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());

$(function() {

$("div").text("<h1>百度威猛</h1>");

})

</script>

<html>

<body>

<div>我是一个div</div>

</body>

</html>

jquery如何操作dom，访问dom元素

6、jquery通过val()方法获取元素的值。

<%@ 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());

$(function() {

alert($("div").text());

})

</script>

<html>

<body>

<div>我是一个div</div>

</body>

</html>

jquery如何操作dom，访问dom元素

aardio中如果使用jQuery进行dom操作??

如何用jquery创建一个dom元素？

如何利用jquery方法wrapInner向DOM插入元素

jquery通过操作DOM获得内容的方法

jQuery:get()方法获得由选择器指定的DOM元素