jquery中常使用的方法总结

原创 2017年01月03日 17:21:12
学习文档地址:http://www.w3school.com.cn/jquery/jquery_ref_manipulation.asp
1、append():向匹配元素集合中的每个元素结尾插入由参数指定的内容。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").append(" <b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>在每个 p 元素的结尾添加内容</button>
</body>
</html>

2、remove():移除所有匹配的元素。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("p").remove();
  });
});
</script>
</head>
<body>
<p>这是一个段落。</p>
<p>这是另一个段落。</p>
<button>删除所有 p 元素</button>
</body>
</html>

3、replaceWith():用新内容替换匹配的元素。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").replaceWith("<b>Hello world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">用粗体文本替换所有段落</button>
</body>
</html>

4、html():html() 方法返回或设置被选元素的内容 (inner HTML)。<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").html("Hello <b>world!</b>");
  });
});
</script>
</head>
<body>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button class="btn1">改变 p 元素的内容</button>
</body>
</html>

 
版权声明:本文为博主原创文章,未经博主允许不得转载。

div+css布局中常用方法总结

  • 2013年07月08日 23:30
  • 6KB
  • 下载

IOS常用工具类方法(项目中常使用工具方法总结)

IOS常用工具类方法(项目中常使用工具方法总结):包括数字转化、日期处理、图片处理、字符串处理、边框设置等...

关于测试中常用到的一些方法、策略总结

一些常用模块的测试用例 1、登录  2、添加  3、查询  4、删除 1、登录 ①用户名和密码都符合要求(格式上的要求) ②用户名和密码都不符合要求(格式上的要求) ③用...

Java中常用字符串方法总结

一、创建并初始化字符串:   1、使用字符串常量直接初始化 String s="hello!";   2、使用构造方法创建并初始化 String();//初始化一个对象,表示空字符序列 ...

java中常见面试题String,StringBuffer,StringBulider 的区别及相应的使用方法介绍

String 类代表字符串。Java 程序中的所有字符串字面值(如 "abc" )都作为此类的实例实现。 字符串是常量;它们的值在创建之后不能更改。字符串缓冲区支持可变的字符串。因为String 对...

C语言中常用计时方法总结

C语言中常用计时方法总结 1. time() 头文件:time.h 函数原型:time_t time(time_t * timer) 功能:返回以格林尼治时间(GMT)为标准,从1970年...
  • fz_ywj
  • fz_ywj
  • 2012年10月25日 09:46
  • 32151

Java多线程总结(2) — 线程生命周期中常用方法

1. 线程的状态回顾  线程从创建到最终的消亡,要经历若干个状态。一般来说,线程包括以下这几个状态:(原文更好理解,就不翻译了) New When we create a new Thread obj...
  • Mark_LQ
  • Mark_LQ
  • 2015年12月14日 22:19
  • 669

Java中常用字符串方法总结

一、创建并初始化字符串:   1、使用字符串常量直接初始化 String s="hello!";   2、使用构造方法创建并初始化 String();//初始化一个对象,表示空字符序列   St...

Java中常用字符串方法总结

一、创建并初始化字符串:   1、使用字符串常量直接初始化 String s="hello!";   2、使用构造方法创建并初始化 String();//初始化一个对象,表示空字符序列   St...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery中常使用的方法总结
举报原因:
原因补充:

(最多只允许输入30个字)