html学习笔记

原创 2015年07月09日 09:55:12

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;这样设置的就是左上角和左下角的圆角


 

html 学习笔记,基础版

  • 2017年08月03日 11:50
  • 7KB
  • 下载

【Cocos2d-HTML5游戏引擎学习笔记(12)】Schedule定时器

Schedule,从翻译的角度上来说就是”时间表“,差不多就是一个定时规划,在cocos2d里面使用的场景一般就是比如你想让一个精灵间隔多少次执行什么动画,或者一个场景想延迟多久进行跳转,ok,那么就...

HTML学习笔记

  • 2014年09月21日 19:28
  • 37KB
  • 下载

HTML学习笔记(6)--列表

HTML支持有序、无序和定义列表,下面分别说明并给出例子。 (1)you

html+javascript+css学习笔记

  • 2014年07月03日 22:16
  • 36KB
  • 下载

HTML学习笔记.ppt

  • 2009年09月15日 17:23
  • 153KB
  • 下载

XML学习笔记(一):HTML文件转成XML文件

XML全称Extensible Markup Language,可翻译为可扩展标记语言,是一种置标语言。常用XML文档描述数据,使得数据能被多个程序共享,还常用XML文档存放程序的配置参数,也用于定义...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:html学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)