jQuery第五节---
来源:互联网 发布:网络高清录像机 编辑:程序博客网 时间:2024/06/06 10:04
1.jQuery获取
(1)jQuery获得内容和属性
jQuery拥有可操作HTML元素和属性的强大方法
jQuery DOM操作jQuery中非常重要的部分就是操作DOM的能力jQuery中提供一系列与DOM相关的方法,这使访问和操作DOM元素变得很容易!DOM=Document Object Model(文档对象模型)DOM定义访问HTML和XML文档的标准获取内容---text()、html()以及val()text()------设置或返回所选元素的文本内容 text()方法会自动解释html标签为对应样式html()------设置或返回所选元素的内容(包括HTML()标记) html()不会自动解析其所包含的html标签,而是将其直接输出val()------设置或返回表单字段的值获取属性---attr()jQuery attr()方法用于获取属性值$("#w3s").attr("href");
2.jQuery设置
(1)jQuery---设置内容和属性
$(selector).html("<b>Hello world!</b>");通过html()属性写入页面的内容,可以解析标签
$("#test1").text("Hello world!");$("#test3").val("Dolly Duck");
(2)text(),html()以及val()的回调函数
$(selector).text(function(i,origText){});i被选元素中当前元素的下标值origText()原始(旧的值)然后以函数新值返回您希望使用的字符串return New text: Hello world!
(3)设置属性----attr()
(4)jQuery()添加元素jQuery attr()方法也用于设置/改变属性值$("#w3s").attr("href","http://www.w3school.com.cn/jquery");attr()方法也允许您同时设置多个属性$("#w3s").attr({ "href" : "http://www.w3school.com.cn/jquery", "title" : "W3School jQuery Tutorial" });attr()的回调函数jQuery方法attr(),也提供回调函数回调函数由两个参数被选元素列表中当前元素的下标,以及原始的旧值。然后以函数新值返回您希望使用的字符串!
通过jQuery可以很容易的添加新元素,内容
append()在被选元素的结尾插入内容
prepend()在被选元素的开头插入内容
after()在被选元素之后插入内容
before()在被选元素之前插入内容
以HTML创建新元素:var txt1=“<p>Text.</p>”;
以jQuery创建新元素: var txt2=$("<p></p>").text("Text.");
以DOM创建新元素: var tx3=document.creatElement("p");
after() 和 before() 方法能够通过参数接收无限数量的新元素
$("img").after(txt1,txt2,txt3);
阅读全文
0 0
- jQuery第五节---
- 第五节 实现接口
- 第五节 电能质量
- 第一章 --- 第五节
- 第二章 --- 第五节
- 第三章 --- 第五节
- 第五节 定时器使用
- php学习 第五节
- java笔记第五节
- 第五节,const作用
- 【第二章 第五节】
- 第五节 Dialog
- 第五节 字符处理
- 函数第五节
- 第五节 多态性
- 第五节 GDB常用命令
- 第五节GDB使用
- 编译原理:第五节
- Java集合类总结
- Ajax遍历数据的误区
- App启动时的白屏问题
- 消息队列与消息栈
- 关于日本和日语的常识性知识
- jQuery第五节---
- Android进程间通信IPC
- 20171218-学习日记
- Selenium 学习资料
- MAP在保存对象时候的优点
- JavaScript
- ubuntu16.04配置caffe
- allegro user perferences editor 中主要设置项
- Linux下用户组、文件权限详解