jqueryDom操作

<%@ page language="java" contentType="text/html; charset=utf-8"

    pageEncoding="utf-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Insert title here</title>

<script type="text/javascript" src="JS/jquery-1.11.1.min.js"></script>

<script type="text/javascript">

$(document).ready(function(){

    //***********操作属性*************

    //$("#aa").attr("value");获取属性值

    //$("#aa").attr("value","测试");修改属性值

    //$("#aa").removeAttr("value");删除属性值

    //**********操作样式**************

    //$("#bb").addClass("ss");添加Class样式

    //$("#bb").removeClass("ss");移除Class样式

    //$("bb").toggleClass("ss");有移除，没有添加

    //*********操作内容***************

    //操作表单元素

    //$("#aa").val();取value的值

    //$("#aa").val("haha");改value的值

    //操作非表单元素

    //$("#bb").text();取里面的内容

    //$("#bb").html();取里面的内容，包括html

    //$("#bb").text("哈哈");改里面的内容

    //$("#bb").html("haha");改里面的内容

    //***********操作相关元素**********

    //$("#aa").prev().val();取前一个元素

    //$("#aa").prevAll().val();取前面所有元素

    //$("#aa").next().val();取后一个元素

    //$("#aa").nextAll().val();取后面所有元素

    //$("#aa").parent().attr("action");取父级元素

    //$("#aa").parents("div");所有div父级

    //$("#bb").find("div");找子级div元素

});

</script>

<style type="text/css">

.ss{

    background-color: green; width: 100px;height: 100px;

    }

</style>

</head>

<body>

<div id="bb" ><h1>holler</h1><div>哈哈哈</div></div>

<form action="#">

<input id="q" type="text" value="haha">

<input id="aa" type="submit" value="提交">

<input id="h" type="text" value="hehe">

</form>

</body>

</html>

jqueryDom操作的更多相关文章

jQueryDOM操作笔记
attr(name[,value]):value(任意|函数) $('*').attr('title',function(index,previousValue){ return previousVa ...
锋利的jquery-DOM操作
1 查找节点 ① 可根据jquery选择器来完成节点查找 ② 可用.text()获取节点的文本内容 ③ 可用.attr("attr")获取属性value 2 创建节点 ① 可用jq ...
jquery--DOM操作基础
元素的访问元素属性操作获取:attr(name):$("#my").attr("src"); 设置:attr(name,value):$("#my ...
jQueryDOM操作模块（二）
DOM模块 1.优化框架结构目标:在实现功能基础上优化代码使得框架更简单易用 1.1 简化存储DOM元素的容器 - elements 目标:使用 this 作为容器 1.1.1 使用 element ...
jQueryDOM操作模块
DOM操作模块 1.复习选择器模块(选择器模块结束) 目的:学而时习之复习和总结选择器模块 2.DOM的基本操作方法目标:回顾DOM操作的基本方法 3.1 DOM操作 -创建节点练习 1:创建1 ...
jquery追加元素，移除DOM，jqueryDOM操作
1.append() 方法在被选元素的结尾插入内容. 2.prepend() 方法在被选元素的开头插入内容. 3.after() 方法在被选元素之后插入内容. 4.before() 方法在被选元素之前 ...
jquery学习笔记---Dom操作
一.DOM操作的分类 DOM(document object model)是一种与浏览器.平台.语言无关的接口,使用该接口可以访问页面中的·所有组件.DOM的操作可以分为DOM Core.HTML-D ...
jQuery学习之旅 Item4 细说DOM操作
jQuery-–DOM操作(文档处理) Dom是Document Object Model的缩写,意思是文档对象模型.DOM是一种与浏览器.平台.语言无关的接口,使用该接口可以轻松访问页面中所有的标准 ...
笔记前端的$dom操作
jqueryDOM操作 1. 页面加载函数 $( function(){ 具体内容 } ); 表示页面加载函数 2 dom 类操作 text() - 设置或返回所选元素的文 ...

随机推荐

005-jdk安装卸载
一.yum安装 1.查看CentOS自带JDK是否已安装. yum list installed |grep java 2.若有自带安装的JDK,卸载CentOS系统自带Java环境卸载JDK相关文 ...
golang的极简流式编程实现
传统的过程编码方式带来的弊端是显而易见,我们经常有这样的经验,一段时间不维护的代码或者别人的代码,突然拉回来看需要花费较长的时间,理解原来的思路,如果此时有个文档或者注释写的很好的话,可能花的时间会短 ...
C语言高级宏技巧
特殊符号#.## (1)# When you put a # before an argument in a preprocessor macro, the preprocessor turns t ...
java反射基础知识（三）
原文地址:http://tutorials.jenkov.com/java-reflection/index.html http://www.cnblogs.com/penghongwei/p/329 ...
springmvc get post put delete
web.xml <!-- 配置 org.springframework.web.filter.HiddenHttpMethodFilter: 可以把 POST 请求转为 DELETE 或 POS ...
CodeForces - 919D Substring (拓扑排序+dp)
题意:将一个字符串上的n个字符视作点,给出m条有向边,求图中路径上最长出现的相同字母数. 分析:首先如果这张图中有环,则可以取无限大的字符数,在求拓扑排序的同时可以确定是否存在环. 之后在拓扑排序的结 ...
SqlHelper简单实现（通过Expression和反射）7.MySql数据处理类
MySql的数据处理类和Sql Server没有太大差别,从思路上来说没有区别,所以此处只是给出代码,不再多加解释了. using System; using System.Configuration ...
C# 字符串中正则表达式的应用
1.截取字符串中指定内容 {"weatherinfo":{"city":"北京","cityid":"1010 ...
20145109 《Java程序设计》第八周学习总结
Chapter 15 API java.util.logging package The constructor of Logger class is protected. If Logger ins ...
Java 四大作用域总结
一.ServletContext 1.生命周期:当Web应用被加载进容器时创建代表整个web应用的ServletContext对象,当服务器关闭或Web应用被移除时,ServletContext对象跟 ...

jqueryDom操作

jqueryDom操作的更多相关文章

随机推荐

热门专题