
jQuery
徐冰.
这个作者很懒,什么都没留下…
展开
-
jQuery插件机制
插件机制:为了扩展jQuery库函数,jQuery提供了两种方式: 一、jQuery.extend(object): jQuery.extend(object):扩展jQuery对象本身,主要是用来扩展jQuery全局函数 ,调用时直接$.函数名(参数)。 例如: <script> jQuery.extend({ minR:function(a,b){ //找较小值。 re...原创 2019-11-12 17:10:04 · 164 阅读 · 0 评论 -
jQuery中replaceWith、replaceAll的区别和用法
一、replaceWith()方法: replaceWith(content|fn) :将所有匹配的元素替换成指定的HTML或DOM元素。 html代码如下: <span>Hello</span> <b>Hello</b> <i>Hello</i> jQuery代码如下: <script> $("span,b,...原创 2019-11-11 20:02:03 · 1850 阅读 · 0 评论 -
jQuery中empty、remove的区别和用法
一、empty()方法: empty() :删除匹配的元素集合中所有的子节点,不包括自身。 html代码如下: <p><span>I </span><b>Love You.</b></p> jQuery代码如下: <script> $("p").empty(); </script> 结果如下,p标...原创 2019-11-11 19:12:56 · 240 阅读 · 1 评论 -
jQuery事件处理
一、bond()方法: bind(type,[data],fn):为每个匹配元素的特定事件绑定对应的事件处理函数,各参数含义如下: 1、type表示事件类型,多个事件类型使用空格分隔。 2、data表示传递给绑定函数的额外数据对象,函数中使用event.data接收。 3、fn表示绑定的函数。 代码如下: <input type="button" value="按钮"/> <sc...原创 2019-11-10 20:48:18 · 183 阅读 · 0 评论 -
jQuery中clone()方法的使用
clone()方法: clone([Even[,deepEven]]) :clone方法传入false或不传入值,则后插入的按钮没有事件;传入true,则复制元素的同时也复制元素中的的事件 ! html代码如下: <input type="button" value="按钮"/> jQuery代码如下: 1、为true时: <script> $("[type='butt...原创 2019-11-10 19:38:15 · 306 阅读 · 0 评论 -
jQuery中wrap、wrapAll、wrapInner的区别和用法
一、wrap()方法: wrap(html|ele|fn):把所有匹配的元素用其他元素的结构化标记包裹起来。 html代码如下: <span>百度</span> <span>百度</span> jQuery代码如下: <script> $("span").wrap("<a href='http://www.baidu.com'&...原创 2019-11-10 19:26:13 · 496 阅读 · 1 评论 -
jQuery中after、insertAfter的区别和用法
一、after()方法: after(content|fn) :向每个匹配的元素后插入内容。 html代码如下: <span id="content">I love </span> jQuery代码如下: <script> $("#content").after("<span>you.</span>");//after:在标签的外部插...原创 2019-11-09 20:54:39 · 1290 阅读 · 0 评论 -
jQuery中append、appendTo的区别和用法
一、append()方法: append(content|fn) :向每个匹配元素内部的末尾处插入内容,简单说就是在标签中插入内容。 html代码如下: <p id="content">I love </p> jQuery代码如下: <script> $("#content").append("<span>you.</span>");...原创 2019-11-09 20:37:38 · 397 阅读 · 0 评论 -
jQuery中next方法、nextAll方法
一、next()方法: next([expr]) :取得一个包含匹配的元素集合中每一个元素紧邻的后面同辈元素的元素集合。 html代码如下: <form> <input /> <input id="sex" type="radio" value="0"/>男 <input type="submit" /> <input /> &l...原创 2019-11-09 20:27:01 · 2367 阅读 · 0 评论 -
jQuery中的parent方法、parents方法
一、parent()方法: 取得一个包含着所有匹配元素的唯一父元素的元素集合。 html代码如下: <form> <input type="radio" value="0"/>男<input type="radio" value="1"/>女 </form> jQuery代码如下: <script> var dom = $("[ty...原创 2019-11-09 19:59:52 · 10742 阅读 · 0 评论