html学习笔记

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> 元素。

 $(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 元素



3.圆角的设置

  border-radius可以同时设置1到4个值。如果设置1个值,表示4个圆角都使用这个值。如果设置两个值,表示左上角和右下角使用第一个
值,右上角和左下角使用第二个值。如果设置三个值,表示左上角使用第一个值,右上角和左下角使用第二个值,右下角使用第三个值。如果设置四个值,则依次对
应左上角、右上角、右下角、左下角(顺时针顺序)。

border-radius:8px 1px 1px 8px;这样设置的就是左上角和左下角的圆角


 

阅读更多
个人分类: web学习之路
上一篇Mysql 与eclipse 数据库的连接
下一篇JSON数据之间的转换
想对作者说点什么? 我来说一句

html常用标签学习笔记

2018年04月01日 26KB 下载

个人html学习笔记 精华版

2009年05月27日 58KB 下载

HTML语言学习笔记

2011年06月29日 101KB 下载

HTML学习笔记.ppt

2009年12月22日 156KB 下载

没有更多推荐了,返回首页

关闭
关闭