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 相关文章推荐
File文件控件,选中文件(图片,flash,视频)即立即预览显示
Apr 09 Javascript
纯js网页画板(Graphics)类简介及实现代码
Dec 24 Javascript
javascript实现焦点滚动图效果 具体方法
Jun 24 Javascript
jquery mobile事件多次绑定示例代码
Sep 13 Javascript
基于jQuery实现文本框缩放以及上下移动功能
Nov 24 Javascript
第一次接触神奇的Bootstrap导航条
Aug 09 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
JavaScript该如何学习 怎样轻松学习JavaScript
Jun 12 Javascript
EasyUI Tree树组件无限循环的解决方法
Sep 27 Javascript
JavaScript实现短暂提示框功能
Apr 04 Javascript
vue 实现在函数中触发路由跳转的示例
Sep 01 Javascript
JavaScript通如何过RGraph实现动态仪表盘
Oct 15 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数据库链接类(PDO+Access)实例分享
2013/12/05 PHP
YII实现分页的方法
2014/07/09 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
thinkphp5.1 框架导入/导出excel文件操作示例
2020/05/25 PHP
Javascript基础 函数“重载” 详细介绍
2013/10/25 Javascript
javascript事件模型实例分析
2015/01/30 Javascript
JavaScript Sort 的一个错误用法示例
2015/03/20 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
2015/03/31 Javascript
使用jQuery Rotare实现微信大转盘抽奖功能
2016/06/20 Javascript
基于jQuery实现顶部导航栏功能
2016/12/27 Javascript
Bootstrap实现提示框和弹出框效果
2017/01/11 Javascript
使用原生js写ajax实例(推荐)
2017/05/31 Javascript
详解探索 vuex 2.0 以及使用 vuejs 2.0 + vuex 2.0 构建记事本应用
2017/06/16 Javascript
解决JavaScript中0.1+0.2不等于0.3问题
2018/10/23 Javascript
如何优雅地在Node应用中进行错误异常处理
2019/11/25 Javascript
基于vue-cli3创建libs库的实现方法
2019/12/04 Javascript
JS实现简单日历特效
2020/01/03 Javascript
Vue实现移动端拖拽交换位置
2020/07/29 Javascript
swiper实现导航滚动效果
2020/12/13 Javascript
Python的几个高级语法概念浅析(lambda表达式闭包装饰器)
2016/05/28 Python
Python实现获取前100组勾股数的方法示例
2018/05/04 Python
Python实现求一个集合所有子集的示例
2018/05/04 Python
ubuntu系统下使用pm2设置nodejs开机自启动的方法
2018/05/12 NodeJs
python3使用pandas获取股票数据的方法
2018/12/22 Python
Python3.x+迅雷x 自动下载高分电影的实现方法
2020/01/12 Python
python实现opencv+scoket网络实时图传
2020/03/20 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
HTML5 LocalStorage 本地存储刷新值还在
2017/03/10 HTML / CSS
Proenza Schouler官方网站:纽约女装和配饰品牌
2019/01/03 全球购物
这76道Java面试题及答案,祝你能成功通过面试
2016/04/16 面试题
汽车专业毕业生自荐信
2013/11/03 职场文书
乡镇交通安全实施方案
2014/03/29 职场文书
学前班学生评语
2014/12/29 职场文书
销售员岗位职责
2015/02/10 职场文书
2015小学教师年度工作总结
2015/05/12 职场文书
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js