DOM操作的分类

1.DOM Core不专属JavaScript,任何一种支持DOM的程序设计语言都可以使用它,也可以处理XML等标记语言编写出来的文档,getElementById()、setAttribute()等都是DOM Core的组成部分

2.HTML-DOM专属web文档,document.forms

3.CSS-DOM针对CSS操作element.style.color="red"

jQuery属性操作方法(与w3school网站结合学习)

addClass()向匹配的元素添加指定的类名

$("p:first").addClass("intro");

$(selector).addClass(class)//语法

$("p:first").addClass("intro note")//类似如此可以添加".intro"、".note"两个class//

attr()设置或返回匹配元素的属性和值

$("img").attr("width","180");

$(selector).attr(attribute)//一个参数代表获取属性

$(selector).attr(attribute,value)//两个参数代表更改属性,如第一行

$(selector).attr({attribute:value, attribute:value ...})//规定一个或多个属性/值对

hasClass()检查匹配的元素是否拥有指定的类

alert($("p:first").hasClass("intro"));//返回的是布尔值

$(selector).hasClass(class)//语法

html()设置或返回匹配的元素集合中的 HTML 内容

$("p").html("Hello <b>world</b>!");

$(selector).html()//圆括号内无参数,它会返回第一个匹配元素的内容

$(selector).html(content)//圆括号内设置一个值,它会覆盖所有匹配元素的内容

removeAttr()从所有匹配的元素中移除指定的属性

 $("p").removeAttr("id");

$(selector).removeAttr(attribute)//从被选元素中移除属性

removeClass()从所有匹配的元素中删除全部或者指定的类

$("p:first").removeClass("intro");

$(selector).removeClass(class)/*如果没有规定参数,则该方法将从被选元素中删除所有类,如需移除若干类,请使用空格来分隔类名*/

toggleClass()从匹配的元素中添加或删除一个类

$("p").toggleClass("main");

$(selector).toggleClass(class,switch)/*检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之,通过使用可选 "switch" 参数(布尔值),能够规定只删除或只添加类*/

val()设置或返回匹配元素的值

$(":text").val("Hello World");

$(selector).val(value)//如果该方法未设置参数,则返回被选元素的当前值
//如果该方法设置参数.设置值

《锋利的Jquery第二版》读书笔记 第三章的更多相关文章

  1. 锋利的jquery第二版学习笔记

    jquery系统学习笔记 一.初识:jquery的优势:1.轻量级(压缩后不到30KB)2.强大的选择器(支持css1.css2选择器的全部 css3的大部分 以及一些独创的 加入插件的话还可支持XP ...

  2. 《Linux内核设计与分析》第六周读书笔记——第三章

    <Linux内核设计与实现>第六周读书笔记——第三章 20135301张忻估算学习时间:共2.5小时读书:2.0代码:0作业:0博客:0.5实际学习时间:共3.0小时读书:2.0代码:0作 ...

  3. 《ECMAScript标准入门》第二版读书笔记

    title: <ECMAScript标准入门>第二版 date: 2017-04-10 tags: JavaScript categories: Reading-note 2015年6月, ...

  4. JavaScript高级程序设计第三版-读书笔记(1-3章)

    这是我第一次用markdown,也是我第一次在网上记录我自己的学习过程. 第一章 JavaScript主要由以下三个不同的部分构成 ECMAScript   提供核心语言功能 DOM     提供访问 ...

  5. Effective Java读书笔记——第三章 对于全部对象都通用的方法

    第8条:覆盖equals时请遵守通用的约定 设计Object类的目的就是用来覆盖的,它全部的非final方法都是用来被覆盖的(equals.hashcode.clone.finalize)都有通用约定 ...

  6. 《锋利的Jquery第二版》读书笔记 第二章

    本章节主要Jquery选择器 jquery选择器与css选择器十分相似,特别需要注意的是 <script type="text/javascript"> documen ...

  7. 《锋利的Jquery第二版》读书笔记 第一章

    按照书本介绍顺序整理jquery库相关的语法.要点. window.onload与$(document).ready()功能类似,前者需要所有资源加载完毕,且不能同时编写多个:后者加载完DOM结构即执 ...

  8. 《锋利的jQuery 第二版》chapter 1~

    chapter 1 认识 jQuery jquery.js(开发版),jquery.min.js(生产版) window.onload 与 $(document).ready() 的对比: jquer ...

  9. 《细说PHP》第二版--读书笔记

    第五章 PHP的基本语法 5.2.4 在程序中使用空白的处理 5.3 变量 5.3.1 变量的声明 在php中变量的声明必须是使用一个$符号,后面跟变量名来表示 unset()函数释放指定变量 iss ...

随机推荐

  1. 无刷新删除 Ajax,JQuery

    1.数据库用上面的,增加一个 DeleteById 的SQL方法 delete from T_Posts where Id = @Original_Id 2.设置处理页面 delete.ashx pu ...

  2. 如何在Html的div+css中去除<li>标签前面小黑点,和ul、LI部分属性方法

    div是很多人做网站都会用到的,但在显示效果时前面总是会有一个小黑点,这个效果很多人不想要,但又不知到如何去除,然而我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和 ...

  3. 使用Fiddler提高前端工作效率 (实例篇)

    上篇中,我们对Fiddler Web Debugger有了简单的接触,也许你已经开始在用Fiddler进行HTTP相关的调试,在这一篇,我们将通过一个实例了解Fiddler的神奇魔法. 在我们前端开发 ...

  4. 【python之旅】python的基础三

    目录: 1.装饰器 2.迭代器&生成器 3.Json & pickle 数据序列化 4.软件目录结构规范  一.装饰器 定义:本质是函数,(装饰其他函数)就是为其他函数添加附加功能 原 ...

  5. linux下文件加密压缩和解压的方法

    一.用tar命令 对文件加密压缩和解压 压缩:tar -zcf  - filename |openssl des3 -salt -k password | dd of=filename.des3 此命 ...

  6. Android直接通过ip进行Http请求

    在测试环境,如果直接通过ip访问的话,比如:url:123.123.123/user/login.do?username=a&psw=b,这样是不行的,会报protocal协议错误,要写全称, ...

  7. Quartz2D 备忘 + 学习

    Quartz2D Quartz2D是支持iOS和Mac系统的二维绘制引擎,它可以绘制: 绘制图形(图形,线条,圆等) 绘制文字 绘制/生成图片 读取/生成PDF 截图 Quartz2D主要功能就是以画 ...

  8. 获取ListControl控件中(复选框)CheckBox的状态

    原文地址:http://blog.chinaunix.net/uid-20680966-id-1896376.html 1 建立测试工程      新建一个对话框工程,并添加一个CListCtrl控件 ...

  9. PHP错误Warning: Cannot modify header information - headers already sent by解决方法

    这篇文章主要介绍了PHP错误Warning: Cannot modify header information - headers already sent by解决方法,需要的朋友可以参考下 今天在 ...

  10. 一个优秀的http实现框架

    package com.ming; import com.mashape.unirest.http.HttpResponse; import com.mashape.unirest.http.Unir ...