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 相关文章推荐
向fckeditor编辑器插入指定代码的方法
May 25 Javascript
JavaScript 加号(+)运算符号
Dec 06 Javascript
JavaScript数组常用方法
Mar 02 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
js实现跨域的4种实用方法原理分析
Oct 29 Javascript
AngularJS出现$http异步后台无法获取请求参数问题的解决方法
Nov 03 Javascript
BootStrap按钮标签及基本样式
Nov 23 Javascript
AngularJS学习笔记之表单验证功能实例详解
Jul 06 Javascript
JavaScript实现短信倒计时60s
Oct 09 Javascript
js精确的加减乘除实例
Nov 14 Javascript
详解最新vue-cli 2.9.1的webpack存在问题
Dec 16 Javascript
vue离开当前页面触发的函数代码
Sep 01 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
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
php常用字符串长度函数strlen()与mb_strlen()用法实例分析
2019/06/25 PHP
php ActiveMQ的安装与使用方法图文教程
2020/02/23 PHP
jQuery生成asp.net服务器控件的代码
2010/02/04 Javascript
深入理解JavaScript系列(1) 编写高质量JavaScript代码的基本要点
2012/01/15 Javascript
angularjs 源码解析之scope
2016/08/22 Javascript
Angular和百度地图的结合实例代码
2016/10/19 Javascript
Javascript 对cookie操作详解及实例
2016/12/29 Javascript
函数四种调用模式以及其中的this指向
2017/01/16 Javascript
JS中的BOM应用
2018/02/02 Javascript
解析vue路由异步组件和懒加载案例
2018/06/08 Javascript
用Golang运行JavaScript的实现示例
2019/11/25 Javascript
vue+elementUI组件table实现前端分页功能
2020/11/15 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
[05:36]DOTA2 2015国际邀请赛中国区预选赛第四日TOP10
2015/05/29 DOTA
学习python (2)
2006/10/31 Python
寻找网站后台地址的python脚本
2014/09/01 Python
python判断一个集合是否为另一个集合的子集方法
2018/05/04 Python
Python实现ping指定IP的示例
2018/06/04 Python
Python3中在Anaconda环境下安装basemap包
2018/10/21 Python
PyQt5实现QLineEdit添加clicked信号的方法
2019/06/25 Python
使用PyCharm进行远程开发和调试的实现
2019/11/04 Python
python GUI库图形界面开发之PyQt5选项卡控件QTabWidget详细使用方法与实例
2020/03/01 Python
Python多线程thread及模块使用实例
2020/04/28 Python
Keras自定义IOU方式
2020/06/10 Python
基于python实现生成指定大小txt文档
2020/07/20 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
python集合的新增元素方法整理
2020/12/07 Python
国家地理在线商店:Shop National Geographic
2018/06/30 全球购物
北京鼎普科技股份有限公司软件测试面试题
2012/04/07 面试题
学校庆元旦歌咏比赛主持词
2014/03/18 职场文书
交通事故赔偿协议书
2014/04/15 职场文书
班级口号大全
2014/06/09 职场文书
会计专业毕业生求职信
2014/07/04 职场文书
2015七夕情人节宣传语
2015/07/14 职场文书
聘任通知书
2015/09/21 职场文书