Jquery 基础四(DOM操作)
2012-11-07 00:05
253 查看
对于页面的HTML操作和属性操作紧密结合,所以我放在一起说了
html操作
1 html()函数 改变HTML 操作改变所匹配的HTML元素的内容,这是我经常用到的,常用的地方就是AJAX返回数据之后会通过此函数在不刷新页面的情况下改变某个元素的值
书上的例子都比较简单,说个我实际项目中的吧!
$("#display"+dataArr[1]).html("<img src='__TMPL__images/no.gif' onclick='goodsIsDisplay("+dataArr[1]+","+1+")' />");
将id为display{n}的的元素的内容替换为图片
下面的这几个就不用多做介绍了,都是一个意思。
2 append() 添加HTML
3 prepend 追加HTML
4 after 在匹配的元素之前添加内容
5 before 在匹配的元素之后添加内容
属性操作
html操作
1 html()函数 改变HTML 操作改变所匹配的HTML元素的内容,这是我经常用到的,常用的地方就是AJAX返回数据之后会通过此函数在不刷新页面的情况下改变某个元素的值
书上的例子都比较简单,说个我实际项目中的吧!
$("#display"+dataArr[1]).html("<img src='__TMPL__images/no.gif' onclick='goodsIsDisplay("+dataArr[1]+","+1+")' />");
将id为display{n}的的元素的内容替换为图片
下面的这几个就不用多做介绍了,都是一个意思。
2 append() 添加HTML
3 prepend 追加HTML
4 after 在匹配的元素之前添加内容
5 before 在匹配的元素之后添加内容
属性操作
相关文章推荐
- Jquery——Day2(基础DOM和css操作)
- 【读书笔记】【jQuery基础教程】【第五章--DOM操作】
- jQuery基础学习(三)—jQuery中的DOM操作
- jQuery学习笔记之基础DOM和CSS操作
- Jquery基础之DOM操作
- Jquery基础教程之DOM操作
- jQuery基础教程之DOM操作-遍历节点-prevAll()方法
- JQuery 基础Dom和CSS操作
- jQuery零基础入门——(五)操作DOM
- JQuery基础DOM操作
- Jquery基础之DOM操作
- 【练习向】jQuery基础教程第四版课后练习——Book05_jQuery_操作DOM
- a毛 jquery 学习记 5 基础DOM和CSS操作3
- jQuery基础之jQuery的DOM操作
- Jquery基础之DOM操作
- Jquery基础之DOM操作
- jQuery基础教程之DOM操作-遍历节点-prevUntil()方法
- JQuery学习笔记三:基础DOM和CSS操作
- Jquery基础之DOM操作
- jQuery基础教程之DOM操作-HTML&文本&值的操作