- 1、本文档共7页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
如何制作Framework
如何制作Framework
jQuery 拥有可操作 HTML 元素和属性的强大方法
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易
捕获
获得内容 - text()、HTML() 以及 val()
HTML()?-?设置或返回所选元素的内容(包括?HTML?标记)
text()?-?设置或返回所选元素的文本内容?(不包括?HTML?标记)
val()?-?设置或返回表单元素value字段的值
//?获取div元素中的所有内容?$(div).HTML();
//?获取div元素中的文本内容,排除标签?$(div).text();
//?获取input元素的value属性值?$(input).val();?```
获取属性?-?attr()
// 获取input标签的value属性值 $(input).attr(value);
// 获取a标签的href属性值 $(a).attr(href); ```
设置内容和属性
设置内容 - text()、HTML() 以及 val()
获取内容和设置内容使用的函数是相同的。
只有参数的区别而已。
// 修改标签内容 $(div).HTML(我是一个div哦);
// 修改标签内容 $(div).text(我是最大的标题);
// 修改value属性 $(input).val(你说我是什么就是什么);?
text()、HTML() 以及 val() 的回调函数
text()、HTML() 以及 val(),同样拥有回调函数。
回调函数有两个参数:1.被选元素列表中当前元素的下标 2.以及原始值
然后以函数新值返回您希望使用的字符串。
$(p).text(function (i, oldValue) { // i: 代表当前类型元素的下标 // oldValue: 代表原始值 // 想要显示的内容通过返回值设置 return 当前元素下标: + i + 原始值: + oldValue + 我是新值; });
设置属性 - attr()
jQuery attr() 方法也用于设置/改变属性值。
// 通过 attr() 函数修改一个属性 (注意中间用逗号分隔)
$(a).attr(href, );
// 通过 attr() 函数修改多个属性 (使用 大括号 进行包裹,属性与值通过 冒号 分隔,属性之间通过 逗号 分隔) $(a).attr({ href: , title: 李大泽 }); ```
attr() 的回调函数
jQuery 方法 attr(),也提供回调函数。
回调函数有两个参数:1.被选元素列表中当前元素的下标 2.以及原始值
然后函数新值返回您希望使用的字符串。
$(a).attr(href, function (i, oldValue) { // i: 代表当前类型元素的下标 // oldValue: 代表原始值 // 想要设置的内容通过返回值设置 return i + + oldValue + 新值; });
添加元素
append()?-?在被选元素的结尾插入内容
prepend()?-?在被选元素的开头插入内容
after()?-?在被选元素之后插入内容
before()?-?在被选元素之前插入内容
append() 拼接到最后
jQuery append() 方法在被选元素的结尾插入内容。
$(a).append(拼接上的内容); $(ol).append(li新的一条数据/li);
prepend() 插入到最前
jQuery prepend() 方法在被选元素的开头插入内容。
$(ol).prepend(li插入到第一条数据的位置/li);
通过?append()?和?prepend()?方法添加若干新元素
append()?和?prepend()?方法能够通过参数接收无限数量的新元素
```?var?li1?=?
1
;?var?li2?=?
2
;?var?li3?=?
3
;
// append() 函数同时接受多个参数 $(ul).append(li1, li2, li3);
// prepend() 函数同时接受多个参数 $(ul).prepend(li1, li2, li3); ```
jQuery after() 和 before() 方法
jQuery after() 方法在被选元素之后插入内容
jQuery before() 方法在被选元素之前插入内容
``` // 在ul标签之前添加内容 $(ul).before(
文档评论(0)