13.removeAttr(name) 删除属性
eg: <input disabled="disabled"/>
$("input").removeAttr("disabled") ==>> [ <input/> ]
删除元素属性,使用方法与attr(加入元素属性)一样
14.removeClass(class) 删除样式,当class是空时删除所有的样式,如果class为指定样式则删指定样式
eg: <p class="highlight selected first">Hello</p>
$("p").removeClass("selected highlight") ==>> [ <p class="first">Hello</p> ]
$("p").removeClass() ==>> [ <p>Hello</p> ]
删除class样式,使用方法与addClass使用方式一样
15. text() 取得element中的内容text(val) 设置element内容text与html差不多,只是text会把<,>用html标识符替换
eg: <p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>
$("p").text() ==>> [ Test Paragraph.Paraparagraph ];
<p>Test Paragraph.</p>
$("p").text("<b>Some</b> new text."); ==>> [ <p><b>Some</b> new text.</p> ]
$("p").text("<b>Some</b> new text.", true) ==>> [ <p>Some new text. </p> ]
与.html()使用方式相似!
16.toggleClass(class) 这是一个比较有用的方法,就是当element存在参数中的样式的时候取消,如果不存在就设置此样式
eg:<p>Hello</p><p class="selected">Hello Again</p>
$("p").toggleClass("selected")==>[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
很有意思的操作,搜索所有的p元素,查看p元素是否有class为selected的CSS,如果有.就取消,如果没有就添加,例子只是对CSS样子操作,不知对元素属性是否能操作.如果能单选或是复选框会很灵活的使用!
17.val() 取得第一个element的vlaue值 val(val) 设置属性的值
eg: <input type="text" value="some text"/>
$("input").val(); ==>> [ "some text" ]
val()是取值的操作.例子是取input元素中的所有值
设置元素值
$("input").val("test"); ==>> [ <input type="text" value="test"/> ]
设置input元素的值为test
18.1.after(content)给相关的element从后面插入节点
eg: <p>I would like to say: </p>
$("p").after("<b>Hello</b>"); ==>> [ <p>I would like to say: </p><b>Hello</b><b>Hello</b> ]
after()是向指定元素的最后面插入html代码.上面的例子只加入了一次<b>Hello</B>!
<p>I would like to say: </p>
$("p").after( $("b") ); ==>> [<p>I would like to say: </p><b>Hello</b> ]
这个是组合添加.搜索所有的p元素.在p元素后面添加搜索的所有b元素.
18.2.before(content)与after相反是插入到前面
eg: <p>I would like to say: </p>
$("p").before("<b>Hello</b>"); ==>> [ <b>Hello</b><p>I would like to say: </p> ]
这个完全和after相反
19.append(content) 与上面不同的是append是添加把content做为子element
eg: <p>I would like to say: </p>
$("p").append("<b>Hello</b>"); ==>> [<p>I would like to say: <b>Hello</b></p> ]
append 是指和after交换不同的,他是在指定元素的内部最后面加入html代码,做为子元素存在
eg: <p>I would like to say: </p><b>Hello</b>
$("p").append($("b")); ==>> [ <p>I would like to say: <b>Hello</b></p> ]
20.appendto(content)与append刚好相反
eg:<p>I would like to say: </p>
<div id="foo"></div>
$("p").appendTo("#foo"); ==>> [ <div id="foo"><p>I would like to say: </p></div> ]
与append功能相反.把指定的元素或是html代码,加到选择元素的外部.做为选定元素的父元素存在!
分享到:
相关推荐
setTimeout()从载入后延迟指定的时间去执行一个表达式或者是函数;仅执行一次 ;和window.clearTimeout一起使用.我在 代码如下:$(document).ready(function(){setTimout(test(),200); function test() { alert(1&#...
这里是我从Jquery中整理出来的一些对象和函数的用法,加上我自己的一些理解,和各位分享一下
熟悉jQuery还是先从核心函数入手比较好,后面其他的功能都是在此核心函数的基础上扩展的。 jQuery 核心函数 jQuery(expression, [context]) jQuery(html, [ownerDocument]) jQuery(html, props) jQuery(elements)...
主要介绍了jQuery实用函数用法总结,汇总了jQuery常用的函数及相关技巧,需要的朋友可以参考下
主要介绍了jquery队列函数用法,以实例形式分析了jQuery中队列的用法以及控制样式的技巧,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了jQuery回调函数的定义及用法。分享给大家供大家参考。具体分析如下: jQuery代码中对回调函数有着广泛的应用,对其有精准的理解是非常有必要的,下面就通过实例对此方法进行简单的介绍。 代码实例如下...
下面小编就为大家带来一篇原生js实现jquery函数animate()动画效果的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
在Jquery中,所有的DOM对象都将封装成Jquery对象,而且只有Jquery对象才能使用Jquery方法或者属性来执行相应的操作。 所以Jquery提供了一个可以将DOM对象封装成Jquery对象的函数,就是Jquery核心函数jquery(),也称为...
jquery提供了很多便利的函数,如each(fn),但是使用这些函数的前提是:你使用的对象是Jquery对象。使一个Dom对象成为一个Jquery对象很简单,通过下面一些方式(只是一部分): 代码 var a = $("#cid"); var b = $...
jquery的each()函数用法[文].pdf
jQuery 3.1 标准课程第三章 核心方法jQuery()函数的使用
利用filter函数可以从wrapper set中过滤符合条件的DOM元素,下面是其具体的用法,希望对大家有所帮助
Jquery css函数用法(判断标签是否拥有某属性) ,需要的朋友可以参考下。
本文实例讲述了jQuery的load()方法及其回调函数用法。分享给大家供大家参考。具体如下: 下面的js代码演示了jQuery的load()方法的使用,并演示了带回调函数(callback)的load方法的使用 <!DOCTYPE html> <...
主要介绍了jQuery插件制作之全局函数用法,实例分析了jQuery中全局函数的相关使用技巧,需要的朋友可以参考下
jQuery把所有的操作都包装在一个jQuery()函数中,形成了统一(也是惟一)的操作入口,这为jQuery操作降低了门槛。那我们来看下具体构造函数的“七种武器”吧。
一、原型模式结构 代码如下: //... //变量jq通过new关键字实例化jQuery构造函数后就可以使用原型对象中的方法,但是jQuery并不是这么使用的 二、返回选择器实例 代码如下: var jQuery = function() { // 返回选择器实例
主要介绍了jQuery聚合函数,实例分析了jQuery中聚合函数的使用方法,需要的朋友可以参考下