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 关于join的总结
本文地址:http://www.cnblogs.com/qiaoyihang/p/6401280.html mysql不支持Full join,不过可以通过UNION 关键字来合并 LEFT JOIN ...
iptables打开22,80,8080,3306等端口
systemctl stop firewalld systemctl mask firewalld Then, install the iptables-services package: yum i ...
HDOJ_1087_Super Jumping! Jumping! Jumping! 【DP】
HDOJ_1087_Super Jumping! Jumping! Jumping! [DP] Time Limit: 2000/1000 MS (Java/Others) Memory Limit: ...
hdu4749 kmp应用
呃,从网上看的题解,然而其实有点地方还没搞懂,先放在这,以后再回来理解. 题目地址:http://acm.hdu.edu.cn/showproblem.php?pid=4749 题目:2013 is ...
谁说程序员不懂爱情【Her】
2014.8.17日我和我女朋友恋爱两周年的日子.走到今天很不容易,我很珍惜. 就想趁这机会,尽自己能力做一个特别的礼物. 这款应用两周前就开始计划了.也熬了几个晚上.接触wp开发时间不长,第一款应 ...
ubuntu16.04 虚拟机安装win7/win10
http://www.xitongcheng.com/jiaocheng/xtazjc_article_26588.html https://blog.csdn.net/sunyao_123/arti ...
Keepalived + Mysql 主主复制高可用
环境系统:Centos 7.4 x64 服务:Mariadb 5.5 .Keepalived 1.3.5.6 结构主1:192.168.1.108 主2:192.168.1.109 VIP:19 ...
机器学习中的numpy库
日常学习中总是遇到数据需要处理等问题,这时候我们就可以借助numpy这个工具来做一些有意思的事. 1.生成随机数的几种方式 x=np.random.random(12) ###生成12 ...
navicate中文破解版，注册码
https://pan.baidu.com/s/1nvIIOad 用户名随意,有下在面的KEY就可以了NAVN-LNXG-XHHX-5NOO
Java结对编程四则运算一周小结
Java结对编程四则运算一周小结需求分析对于四则运算来说最主要的就是要计算出产生的式子(字符串的形式). 设计思路总体可将这个项目分解为几个部分:产生式子,计算式子,判断对错并记录: 具体的思路 ...

jqueryDom操作

jqueryDom操作的更多相关文章

随机推荐

热门专题