html学习笔记
2015-07-09 09:55
585 查看
1. jquery 向节点添加子节点元素:
(1)
需要添加的子元素
messagecont='<li class="act_reply" data-id="73719964" data-name="匿名用户">
<div class="bbs_right">
<h5 class="font_c2c"><span class="font_00a">匿名用户</span><span class="font_c2c fromNow">'+val.create_time+'</span></h5><p>'+val.message_cont+'</p>
</div></li>';
(2)
向某个id="act_comment_list" 的元素添加子节点
$("#act_comment_list").append(messagecont);
(3)
2. jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
3.圆角的设置
border-radius可以同时设置1到4个值。如果设置1个值,表示4个圆角都使用这个值。如果设置两个值,表示左上角和右下角使用第一个
值,右上角和左下角使用第二个值。如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。如果设置四个值,则依次对
应左上角、右上角、右下角、左下角(顺时针顺序)。
border-radius:8px
1px 1px 8px;这样设置的就是左上角和左下角的圆角
(1)
需要添加的子元素
messagecont='<li class="act_reply" data-id="73719964" data-name="匿名用户">
<div class="bbs_right">
<h5 class="font_c2c"><span class="font_00a">匿名用户</span><span class="font_c2c fromNow">'+val.create_time+'</span></h5><p>'+val.message_cont+'</p>
</div></li>';
(2)
向某个id="act_comment_list" 的元素添加子节点
$("#act_comment_list").append(messagecont);
(3)
2. jQuery 使用 CSS 选择器来选取 HTML 元素。
$("p") 选取 <p> 元素。
$("p.intro") 选取所有 class="intro" 的 <p> 元素。
$("p#demo") 选取所有 id="demo" 的 <p> 元素。
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 class="intro" 的 <p> 元素 |
$(".intro") | 所有 class="intro" 的元素 |
$("#intro") | id="intro" 的元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |
:first | $("p:first") | 第一个 <p> 元素 |
:last | $("p:last") | 最后一个 <p> 元素 |
:even | $("tr:even") | 所有偶数 <tr> 元素 |
:odd | $("tr:odd") | 所有奇数 <tr> 元素 |
:eq(index) | $("ul li:eq(3)") | 列表中的第四个元素(index 从 0 开始) |
:gt(no) | $("ul li:gt(3)") | 列出 index 大于 3 的元素 |
:lt(no) | $("ul li:lt(3)") | 列出 index 小于 3 的元素 |
:not(selector) | $("input:not(:empty)") | 所有不为空的 input 元素 |
:enabled | $(":enabled") | 所有激活的 input 元素 |
:disabled | $(":disabled") | 所有禁用的 input 元素 |
:selected | $(":selected") | 所有被选取的 input 元素 |
:checked | $(":checked") | 所有被选中的 input 元素 |
border-radius可以同时设置1到4个值。如果设置1个值,表示4个圆角都使用这个值。如果设置两个值,表示左上角和右下角使用第一个
值,右上角和左下角使用第二个值。如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。如果设置四个值,则依次对
应左上角、右上角、右下角、左下角(顺时针顺序)。
border-radius:8px
1px 1px 8px;这样设置的就是左上角和左下角的圆角
相关文章推荐
- innerHTML和innerText的用法(动态改变网页内容)
- 在HTML中优雅的生成PDF
- 使用document.write()输出覆盖HTML问题
- 让360浏览器使用特定的模式打开网页(HTML)
- 【XML】XML,HTML,XHTML
- HtmlParser基础教程
- HtmlParser学习系列 -- 学习总结
- HTML打开Excel文件
- HTML中调用servlet的问题(?)
- golang Html 正则
- HTML调用servlet(二)
- HTML调用servlet(一)
- html 的表格元素总结
- HTML字符实体
- html中用作文档分节的元素
- html 框架
- HTML(Hyper Text Markup Language)超文本标记语言
- html 标签选择器
- html学习笔记
- html id选择器