jQuery属性和样式

解决css浮动坍塌的方案:

1,在父元素里面添加一个没有宽度高度的元素使用clear:both   清理浮动

2，使用overflow:hidden

3，给父元素添加高度

 

Data-属性的作用是什么?

 

data-为前端开发者提供自定义的属性，这些属性集可以通过对象的 dataset 属性获取，不支持该属

 

性的浏览器可以通过 getAttribute 方法获取:

 

<div data-author="david" data-time="2011-06-20" data-comment-num="10">...</div>

 

div.dataset.commentNum; // 10

定义与用法：data-属性用于存储页面或应用程序的私有自定义数据。data- 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。

data-属性包括两部分：

属性名不包含任何大写字母，并且在data-之后必须有至少一个字符

属性值可以是任意字符串

 

jQuery属性和样式：

 

定义和用法：attr() 方法设置或返回被选元素的属性值。

 

根据该方法不同的参数，其工作方式也有所差异。

 

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

 

三个简单实用的用于 DOM 操作的 jQuery 方法：

 

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

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

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

 

text()、html() 以及 val() 的回调函数:

上面的三个 jQuery 方法：text()、html() 以及 val()，同样拥有回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。

attr() 的回调函数:

jQuery 方法 attr()，也提供回调函数。回调函数有两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回您希望使用的字符串。