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

随机推荐

链路的有效性检测及基于TCP的通信为什么需要RETRY
一.链路的有效性检测当网络发生单通.连接被防火墙Hang住.长时间GC或者通信线程发生非预期异常时,会导致链路不可用且不易被及时发现. 特别是异常发生在凌晨业务低谷期间,当早晨业务高峰期到来时,由于 ...
JQuery操作select中的option
html页面代码例如以下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http ...
[笔记]Go语言实现同一结构体适配多种消息源
问题: 提供天气信息的网站有很多,每家的数据及格式都不同,为了适配各种不同的天气接口,写了如下程序. 代码如下: package main import ( "encoding/json&q ...
hadoop09----线程池
java并发包 1.java并发包介绍线程不能无限制的new下去,否则系统处理不了的. 使用线程池.任务来了就开一runable对象. concurrent 包开始不是jdk里面的,后来加入到jd ...
Wireshark（一）：Wireshark基本用法
转载:https://community.emc.com/message/818739#818739 按照国际惯例,从最基本的说起. 抓取报文: 下载和安装好Wireshark之后,启动Wiresha ...
sql 语句名称解析，是由内向外的。
子查询内找不到的字段会向外寻找,还是找不到就报错:找到了就不报错,但是子查询语句就毫无意义了: 解决办法: 字段前面要跟上表的名称. 一般字段无效立刻报错.
Windows Server 2008 R2服务器遗忘管理员密码解决方案
A goal is a dream with a deadline. Much effort, much prosperity. 在日常的工作中,对于一个网络管理员来讲最悲哀的事情莫过于在没有备用 ...
Python 文件操作综合案例
# 案例 # 文件的复制 # 要求 # 将一个文件, 复制到另外一个副本中 # 步骤分析 # 1. # 只读模式, 打开要复制的文件 import os import shutil path = &q ...
Google maps API
https://developers.google.com/kml/documentation/kml_tuthttps://developers.google.com/maps/documentat ...
pbs "ll: command not found"
可以用 ls -ltr 替代 ll

jqueryDom操作

jqueryDom操作的更多相关文章

随机推荐

热门专题