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() - 设置或返回所选元素的文 ...

随机推荐

mysql 建立表之间关系一对一练习2
创建db5数据库 create database db5 charset=utf8; use db5; 例二:一个管理员唯一对应一个用户用户表: id user password 1 egon xx ...
sql 使用select 生成json
) FROM ( SELECT ( '{"organizationTitle":"' + [Name] + '"' ,',"orgainization ...
rsync高级同步
rsync是一款开源的.快速的.多功能的.可实现全量及增量的本地或远程数据同步备份工具.适用于unix/linux/windows等多种操作系统平台. 两台机器拷贝数据scp,nfs(linux之间) ...
Linux Shell编程第5章——文件的排序、合并和分割
目录 sort命令 sort命令的基本用法 uniq命令 join命令 cut命令 paste命令 split命令 tr命令 tar命令 sort命令 sort命令是Linux系统一种排序工具,它将输 ...
redis---在CentOS6.5下安装与配置
本文详细介绍redis单机单实例安装与配置,服务及开机自启动.如有不对的地方,欢迎大家拍砖o(∩_∩)o (以下配置基于CentOS release 6.5 Final, redis版本3.0.2 [ ...
MySQL Binlog解析（1）
一.Binlog File Binlog files start with a Binlog File Header followed by a series of Binlog Event Binl ...
Java应对Flash XSS攻击
问题引出: 今天公司派出安全任务,说是要解决一个Flash XSS攻击,一看顿时傻眼,都没听说过.而且flash已经淘汰了,根本没研究过flash,搜了资料才开始慢慢开始工作. 要求: 1.过滤URL ...
微信小程序：其中wxml和wxss的样式说明
微信小程序:其中wxml和wxss的样式说明一.简介对于css不熟悉的Android程序员来说,开发微信小程序面临的一个比较困难的问题就是界面的排版了.微信小程序的排版就跟wxml和wxss有关了 ...
Windows 2008下系统网站运行环境的搭建
1.右击[计算机]-->[管理],进入到”服务器管理器” 界面,如图所示: 2.依次展开[角色]-->[Web服务器(IIS)]-->[Internet 信息服务(IIS)管理器], ...
配置iptables实现本地端口转发的方法详解
场景假如你在用 resin 调试一个 Web 程序,需要频繁地重启 resin.这个 Web 程序需要开在 80 端口上,而 Linux 限制 1024 以下的端口必须有 root 权限才能开启.但是 ...

jqueryDom操作

jqueryDom操作的更多相关文章

随机推荐

热门专题