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 相关文章推荐
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
Node.js中使用Buffer编码、解码二进制数据详解
Aug 16 Javascript
javaScript中slice函数用法实例分析
Jun 08 Javascript
Javascript中的arguments对象
Jun 20 Javascript
jquery滚动条插件slimScroll使用方法
Feb 09 Javascript
Angular4如何自定义首屏的加载动画详解
Jul 26 Javascript
JavaScript实现三级联动菜单效果
Aug 16 Javascript
浅谈react受控组件与非受控组件(小结)
Feb 09 Javascript
Vux+Axios拦截器增加loading的问题及实现方法
Nov 08 Javascript
vue与原生app的对接交互的方法(混合开发)
Nov 28 Javascript
JavaScript使用面向对象实现的拖拽功能详解
Jun 12 Javascript
ES6 async、await的基本使用方法示例
Jun 06 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中返回引用类型的方法
2015/04/03 PHP
PHP按一定比例压缩图片的方法
2018/10/12 PHP
小程序微信支付功能配置方法示例详解【基于thinkPHP】
2019/05/05 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
用js实现的一个Flash滚动轮换显示图片代码生成器
2007/03/14 Javascript
锋利的jQuery jQuery中的DOM操作
2010/03/21 Javascript
javascript 闭包
2011/09/15 Javascript
web性能优化之javascript性能调优
2012/12/28 Javascript
深入理解JavaScript中的传值与传引用
2013/12/09 Javascript
JavaScript数组函数unshift、shift、pop、push使用实例
2014/08/27 Javascript
推荐25个超炫的jQuery网格插件
2014/11/28 Javascript
JS实现点击按钮获取页面高度的方法
2015/11/02 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
js获取当前页的URL与window.location.href简单方法
2017/02/13 Javascript
React Navigation 使用中遇到的问题小结
2018/05/08 Javascript
jQuery实现数字自动增加或者减少的动画效果示例
2018/12/11 jQuery
node删除、复制文件或文件夹示例代码
2019/08/13 Javascript
详解Nuxt.js中使用Element-UI填坑
2019/09/06 Javascript
node.js使用fs读取文件出错的解决方案
2019/10/23 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
python实现定时播放mp3
2015/03/29 Python
python实现linux下使用xcopy的方法
2015/06/28 Python
Python实现基本线性数据结构
2016/08/22 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Python装饰器知识点补充
2018/05/28 Python
Python 输入一个数字判断成绩分数等级的方法
2018/11/15 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
基于Python的接口自动化读写excel文件的方法
2021/01/15 Python
html5 拖拽及用 js 实现拖拽功能的示例代码
2020/10/23 HTML / CSS
2014年三八妇女节活动方案
2014/02/28 职场文书
高中教师个人总结
2015/02/10 职场文书
荒岛余生观后感
2015/06/09 职场文书
费城故事观后感
2015/06/10 职场文书
人事行政部各岗位职责说明书!
2019/07/15 职场文书
python 实现的截屏工具
2021/05/08 Python
教你如何用cmd快速登录服务器
2022/06/10 Servers