Day04:HTML

1、内容和属性

回调函数,参数为(i,olddata),即元素在列表中的下标和老的数据

设置时,直接填数据,attr可以设置多个数据

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容(包括 HTML 标记)

val() - 设置或返回表单字段的值

$("#w3s").attr("href"):获得属性的值

2、添加元素/内容

append() - 在被选元素的结尾插入内容

prepend() - 在被选元素的开头插入内容

after() - 在被选元素之后插入内容

before() - 在被选元素之前插入内容

3、删除元素

可带一个参数,过滤元素,例如:$("p").remove(".italic");

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素

4、CSS

addClass() - 向被选元素添加一个或多个类:$("h1,h2,p").addClass("important blue");

removeClass() - 从被选元素删除一个或多个类

toggleClass() - 对被选元素进行添加/删除类的切换操作

css() - 设置或返回样式属性

css("propertyname") - 返回首个匹配的属性样式

css("propertyname","value"); - 指定属性,可设置多个

5、尺寸

width() 方法设置或返回元素的宽度(不包括内边距、边框或外边距):$(document).width();

height() 方法设置或返回元素的高度(不包括内边距、边框或外边距):$(window).height();

innerWidth() 方法返回元素的宽度(包括内边距)。

innerHeight() 方法返回元素的高度(包括内边距)。

outerWidth() 方法返回元素的宽度(包括内边距和边框)。

outerHeight() 方法返回元素的高度(包括内边距和边框)。

outerWidth(true) 方法返回元素的宽度(包括内边距、边框和外边距)。

outerHeight(true) 方法返回元素的高度(包括内边距、边框和外边距)。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,815评论 1 92
  • 一:CSS轮廓## 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。 C...
    朝槿123阅读 470评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 1.块级元素和行内元素 块级(block-level)元素;行内(内联、inline-level)元素。 块元素的...
    饥人谷_小侯阅读 2,050评论 1 4
  • 通过jQuery,您可以选取(查询,query)HTML元素,并对它们执行“操作”(actions)。 jQuer...
    枇杷树8824阅读 671评论 0 3