jQuery学习笔记之三 对Dom的操作

原创 2013年12月05日 15:48:23

jQuery对Dom的操作

1 获得内容 - text()、html() 以及 val()

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值

获取属性 - attr()

获取attr方法。


2 设置 

同名方法。

  • text() - 设置或返回所选元素的文本内容
  • html() - 设置或返回所选元素的内容(包括 HTML 标记)
  • val() - 设置或返回表单字段的值
3  添加新的 HTML 内容

  • append() - 在被选元素的结尾插入内容
  • prepend() - 在被选元素的开头插入内容
  • after() - 在被选元素之后插入内容
  • before() - 在被选元素之前插入内容
例子。以三种不同方式创建 元素

function appendText()
{
var txt1="<p>Text.</p>";               // 以 HTML 创建新元素
var txt2=$("<p></p>").text("Text.");   // 以 jQuery 创建新元素
var txt3=document.createElement("p");  // 以 DOM 创建新元素
txt3.innerHTML="Text.";
$("p").append(txt1,txt2,txt3);         // 追加新元素
}

4 删除 

  • remove() - 删除被选元素(及其子元素)
  • empty() - 从被选元素中删除子元素
remove 可以加上过滤参数

5 对 css元素的操作,为 元素 附加class或者 去掉class .甚至 切换

 addclass ,removeclass , toggleclass.

另外 可以获取或者设置元素的css 属性 ,通过

css() 

6 尺寸 
宽,高,包括内外边距的宽高等。
  • width()
  • height()
  • innerWidth()
  • innerHeight()
  • outerWidth()
  • outerHeight()


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

JQuery学习笔记三:基础DOM和CSS操作

基础DOM和CSS操作 1.  DOM操作 alert($('#box').html());//获取id为box下的内容(包括标签名) alert($('#box').text());//获取文本...

jQuery学习笔记:DOM操作(一)——文档

查找节点可以使用jQuery选择器来完成节点的查找。$("div > p");创建节点创建元素节点直接利用jQuery的工厂函数$()。 根据提供的原始 HTML 标记字符串,动态创建由 jQuer...

jQuery学习笔记之基础DOM和CSS操作

基础DOM操作 设置元素及内容 1、html():获取html里的所有内容,在括号里加内容会替换里的内容,有HTML会自动解析 2、text():获取元素中的文本内容,在括号里加...

jQuery学习笔记之DOM节点操作

jQuery DOM节点操作 创建节点     $(function(){     var box=$('节点');//创建节点     $('body').append(box);/...

jQuery学习笔记:DOM操作(二)——属性、类、HTML、CSS

属性操作获取属性和设置属性attr() 如果要获取属性,那么给attr()方法传递一个参数,即属性名称。 $("img").attr("src"); 如果要设置属性,那么就传递两个参数,即属性名和对应...

jQuery学习笔记之DOM操作、事件绑定(2)

jQuery学习笔记之DOM操作、事件绑定(2) 4.DOM操作 5.事件绑定 源码地址: https://github.com/iyun/jQueryDemo.git 4.DOM操作(节点增删改查)...

jQuery学习笔记(二)—— 操作DOM元素

使用attr()方法控制元素的属性 attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。...

锋利的Jquery——学习笔记(四)DOM操作(一)

Jquery中的DOM操作(一)

锋利的Jquery——学习笔记(五)DOM操作(二)

Jquery中的DOM操作(二)
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)