手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery删除指定子元素代码实例
jquery删除指定子元素代码实例
摘要:jquery删除指定子元素代码实例:本章节介绍一下如何利用jQuery实现删除指定子元素。如何利用原生javascript实现此功能可以参阅...

jquery删除指定子元素代码实例:

本章节介绍一下如何利用jQuery实现删除指定子元素。

如何利用原生javascript实现此功能可以参阅原生javascript删除指定子元素代码实例一章节。

其实实现此功能的方式有很多种,下面介绍一下其中比较常见的一种。

代码实例如下:

复制代码 代码如下:

<!DOCTYPE HTML>

<html>

<meta charset="utf-8">

<title>查字典教程网</title>

<style>

ul li{

width:400px;

height:30px;

line-height:30px;

list-style:none;

}

</style>

<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>

<script>

$(document).ready(function(){

$("#bt").click(function(){

$($("#box").find("li")[1].remove());

})

})

</script>

</head>

<body>

<ul id="box">

<li>查字典教程网欢迎您,只有努力奋斗才会有美好的明天。</li>

<li>没有任何人一开始就是高手,必须要努力奋斗才行。</li>

<li>每一天都是新的,要好好的珍惜时间。</li>

</ul>

<input type="button" id="bt" value="查看效果"/>

</body>

</html>

上面的代码实现了我们的要求,比较简单这里不多介绍了,更多内容可以参阅相关阅读。

【jquery删除指定子元素代码实例】相关文章:

一段实时更新的时间代码

jquery合并表格中相同文本的相邻单元格

jquery中添加属性和删除属性

javascript元素动态创建实现方法

js实现精美的图片跟随鼠标效果实例

jQuery zTree加载树形菜单功能

JQuery中DOM事件合成用法实例分析

jquery中map函数遍历数组用法实例

JQuery实现带排序功能的权限选择实例

jquery任意位置浮动固定层插件用法实例

精品推荐
分类导航