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


Posted in Javascript onJanuary 13, 2015

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>

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

Javascript 相关文章推荐
js 字符串转换成数字的三种方法
Mar 23 Javascript
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
js操作label给label赋值及取label的值示例
Nov 07 Javascript
Mac地址验证的javascript代码
Nov 09 Javascript
js简单的点击返回顶部效果实现方法
Apr 10 Javascript
JS实现仿PS的调色板效果完整实例
Dec 21 Javascript
JS得到当前时间的方法示例
Mar 24 Javascript
JQuery 获取Dom元素的实例讲解
Jul 08 jQuery
JS实现图片切换效果
Nov 17 Javascript
JavaScript寄生组合式继承原理与用法分析
Jan 11 Javascript
jquery操作checkbox的常用方法总结【附测试源码下载】
Jun 10 jQuery
vue项目接口管理,所有接口都在apis文件夹中统一管理操作
Aug 13 Javascript
JavaScript删除指定子元素代码实例
Jan 13 #Javascript
JS长整型精度问题实例分析
Jan 13 #Javascript
javascript面向对象之共享成员属性与方法及prototype关键字用法
Jan 13 #Javascript
javascript面向对象之定义成员方法实例分析
Jan 13 #Javascript
jQuery大于号(&gt;)选择器的作用解释
Jan 13 #Javascript
javascript面向对象之this关键词用法分析
Jan 13 #Javascript
javascript和jquery实现设置和移除文本框默认值效果代码
Jan 13 #Javascript
You might like
PHP与javascript对多项选择的处理
2006/10/09 PHP
通过具体程序来理解PHP里面的抽象类
2010/01/28 PHP
探讨:array2xml和xml2array以及xml与array的互相转化
2013/06/24 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
PHP getallheaders无法获取自定义头(headers)的问题
2016/03/23 PHP
php7连接MySQL实现简易查询程序的方法
2020/10/13 PHP
用Laravel轻松处理千万级数据的方法实现
2020/12/25 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
关于event.cancelBubble和event.stopPropagation()的区别介绍
2011/12/11 Javascript
javascript 构造函数强制调用经验总结
2012/12/02 Javascript
JS过滤url参数特殊字符的实现方法
2013/12/24 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
详谈javascript异步编程
2016/02/21 Javascript
Bootstrap中的Dropdown下拉菜单更改为悬停(hover)触发
2016/08/31 Javascript
JavaScript之Vue.js【入门基础】
2016/12/06 Javascript
基于JavaScript实现自定义滚动条
2017/01/25 Javascript
react实现pure render时bind(this)隐患需注意!
2017/03/09 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
Three.js利用orbit controls插件(轨道控制)控制模型交互动作详解
2017/09/25 Javascript
Scala解析Json字符串的实例详解
2017/10/11 Javascript
js实现把时间戳转换为yyyy-MM-dd hh:mm 格式(es6语法)
2017/12/28 Javascript
微信小程序模板template简单用法示例
2018/12/04 Javascript
小程序实现多列选择器
2019/02/15 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
基于layui轮播图满屏是高度自适应的解决方法
2019/09/16 Javascript
python基于Selenium的web自动化框架
2019/07/14 Python
python openpyxl使用方法详解
2019/07/18 Python
解决pycharm最左侧Tool Buttons显示不全的问题
2019/12/17 Python
python模拟斗地主发牌
2020/04/22 Python
智乐游戏测试笔试题
2014/05/21 面试题
经典大学生求职信范文
2014/01/06 职场文书
节约用水的口号
2014/06/20 职场文书
教师党员个人自我剖析材料
2014/09/29 职场文书
三八红旗手主要事迹材料
2015/11/04 职场文书