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>

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

jQuery之AJAX总结

一.AJAX概念 Asynchronous Javascript And XML(异步JavaScript和XML) AJAX并不是一种语言,而是一种创建交互网页应用的网页开发技术 AJAX是J...
  • Drug_
  • Drug_
  • 2017年06月27日 21:24
  • 212

JQuery 常用方法经典总结

1、关于页面元素的引用 通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法,且返回的对象为jquery对象(集合对象),不能直接调用d...
  • wenmeishuai
  • wenmeishuai
  • 2015年06月02日 14:18
  • 232

jquery实际项目中的JS例子.

$(document).ready(function(){  $("#information").hide();//个人信息     $("#goodloadceng").hide();//"系统加载...
  • marty_zhu
  • marty_zhu
  • 2008年03月24日 16:17
  • 1062

jQuery操作input值的各种方法总结

获取选中的值 获取一组radio被选中项的值 复制代码 代码如下: var item = $('input[@name=items][@checked]').val(); 获取...
  • u014796999
  • u014796999
  • 2016年08月09日 15:58
  • 376

【总结】Python 2.x中常见字符编码和解码方面的错误及其解决办法

Python 2.x中的字符编码,设计的的确不好,导致初学者,甚至是即使用Python很长时间的人,都会经常遇到字符编解码方面的错误。 下面就把一些常见情,尽量的都整理出来,并给出相应的解决办法...
  • gmj4850
  • gmj4850
  • 2013年12月04日 11:10
  • 1247

Python 2.x中常见字符编码和解码方面的错误及其解决办法

Python 2.x中的字符编码,设计的的确不好,导致初学者,甚至是即使用Python很长时间的人,都会经常遇到字符编解码方面的错误。 下面就把一些常见情,尽量的都整理出来,并给出相应的解决办法...
  • mycar001
  • mycar001
  • 2017年10月27日 16:35
  • 57

Jquery中的on()使用理解,无法使用on方法

jquery中利用了on方法给未来元素绑定方法。 利用on方法可以方便的对将生成的元素标签进行方法绑定。 本例中使用的是jquery.min.js 是2.1版本,低版本的jquery使用的是liv...
  • a748448660
  • a748448660
  • 2016年10月09日 12:38
  • 250

javascript jquery 对字符串处理方法总结

去除字符串的空格,根据索引截取字符串,字符串分隔方法,只能输入汉字字母空格的正则...
  • zyz_3362
  • zyz_3362
  • 2016年09月01日 14:23
  • 754

jquery 中的ajax总结

jquery对ajax请求进行了封装,在jquery中$.ajax()方法属于最底层的方法,第2层是load()、$.get()、$.post()方法而第3层是$.getScript()和$.getJ...
  • QH_JAVA
  • QH_JAVA
  • 2017年03月23日 19:27
  • 802

jQuery中的on方法

在jQuery的1.7+的版本之中,原来的live方法被去除了,那么怎么做到live方法的一样的绑定时间的效果呢?答案就是on方法,on 方法有怎么去使用呢?1. on 给已经在dom 中的元素绑定事...
  • fun913510024
  • fun913510024
  • 2015年10月13日 23:49
  • 4997
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery中常使用的方法总结
举报原因:
原因补充:

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