代码如下:
效果:
源代码:
<ol style="list-style:none;">
<li>序列1</li>
<li>序列1</li>
<li>序列1</li>
<li>序列1</li>
</ol>
使用jquery库的函数:remove()。
功能思路:展现一个UL,然后设计一个按钮,通过绑定删除函数,点击时删除所有LI节点。
实例演示如下:
1、设计简单的一个页面,其中html代码如下:
简单的样式文件:
此时的页面内容展示如下:
2、设计JS代码,实现删除函数。
3、实例 *** 作,点击按钮,实现节点删除,展示如下:
完成设计,此时的DOM节点如下:
扩展资料:
remove函数详情解析:
1、定义和用法:
remove() 方法移除被选元素,包括所有文本和子节点。该方法不会把匹配的元素从 jQuery 对象中删除,因而可以在将来再使用这些匹配的元素。
但除了这个元素本身得以保留之外,remove() 不会保留元素的 jQuery 数据。其他的比如绑定的事件、附加的数据等都会被移除。这一点与 detach() 不同。
2、语法:
$(selector)remove()。
1</font[^><]> 这个只却掉font标签的, 保留除font以外的所有标签, 如<img><p>等等 同样的你需要去掉其他标签, 只需要将里面的font换你要去掉的;
2</[^/(img)|(p)][^><]> 这个保留(这里我写的保留了img, p这两个标签)你指定的标签,其他的(包括font)全去掉, 如果你还有其他的标签想保留, 直接在里面加一个 |(xxx);
3</[a-zA-Z]+[^><]> 这个表达式可以去掉所有HTML的标签;
4JAVA代码可以这样写:
public static String delTagsFContent(String content){
String patternTag = "</[a-zA-Z]+[^><]>";
String patternBlank = "(^\\s)|(\\s$)";
return contentreplaceAll(patternTag, "")replaceAll(patternBlank, "");
}
清除所有默认样式的css代码:
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
初始化代码(清除CSS代码):
ul,li{ padding:0;margin:0;list-style:none}
解析清除ul li样式代码:
相等于分别对ul和li设置padding:0;margin:0;list-style:none;
padding:0 —— 设置内补白(对象内间距)为0
margin:0 —— 设置对象外间距为0
list-style:none —— 去除自带无序圆点
HTML/javascript
引用外部文件中的js脚本,
<script type="text/javascript" src="extjs"></script>也可以象下面这样写,language不是必要的,但是推荐上面的写法;
<script language="javascript" type="text/javascript" src="extjs"></script>
页面内引用:
<script type="text/javascript">//<![CDATA[var x = 0;function fn(args) { //} //]]></script>加上“//<![CDATA[” 和 “//]]>”是为了兼容XHTML,是推荐的写法,HTML时代一般用“<!--”和“//-->”
在一些HTML控件的事件属性中使用(一般事件为onxxx,如onmouseover,onclick,onchange)
<body onload="alert('loaded');"><input type="text" name="username" onclick="alert(thisvalue);" />在一些HTML控件的非事件属性中使用(注意:一定要加javascript:)
<a href="javascript:void(0);" onclick="alert(thisinnerText);">my blog:>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)