【jQuery中:first选择器用法实例】教程文章相关的互联网学习教程文章

jQuery中:password选择器用法实例

本文实例讲述了jQuery中:password选择器用法,分享给大家供大家参考。具体分析如下: 此选择器能够选取所有密码框。 语法结构:代码如下:$(":password") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> ...

jQuery中:radio选择器用法实例

本文实例讲述了jQuery中:radio选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有单选按钮。 语法结构:代码如下:$(":radio") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(...

jQuery中:submit选择器用法实例

本文实例讲述了jQuery中:submit选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有提交按钮。 并不是只有type为submit才能够选取,button按钮也被选取了。 语法结构:代码如下:$(":submit") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jqu...

jQuery中:checkbox选择器用法实例

本文实例讲述了jQuery中:checkbox选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够匹配所有复选框。 语法结构:代码如下:$(":checkbox") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> ...

jQuery中:image选择器用法实例

本文实例讲述了jQuery中:image选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取类型为image的<input>元素。 千万不要弄成<img>标签。 语法结构:代码如下:$(":image") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> ...

jQuery中:button选择器用法实例

本文实例讲述了jQuery中:button选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有按钮。 语法结构:代码如下:$(":button") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(do...

jQuery中:enabled选择器用法实例

本文实例讲述了jQuery中:enabled选择器用法。分享给大家供大家参考。具体分析如下: 此选择器可以选取所有可用的元素。 语法结构:代码如下:$(":enabled") 此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。例如:代码如下:$("input:enabled").css("background-color","red") 以上代码能够将可用的input元素的背景颜色设置为红色。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> ...

jQuery中:file选择器用法实例

本文实例讲述了jQuery中:file选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取类型为file的<input>元素。 语法结构:代码如下:$(":file") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascr...

jQuery中:reset选择器用法实例

本文实例讲述了jQuery中:reset选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有重置按钮。 语法结构:代码如下:$(":reset") 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(...

jQuery中attr()方法用法实例

本文实例讲述了jQuery中attr()方法用法。分享给大家供大家参考。具体分析如下: 此方法设置或返回匹配元素的属性值。 attr()方法根据参数的不同,功能也不同。 语法结构一: 获取第一个匹配元素指定属性的属性值。代码如下:$(selector).attr(name) 参数列表:参数描述name定义要获取其值的属性名称。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" />...

jQuery中:checked选择器用法实例

本文实例讲述了jQuery中:checked选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有选中的复选框或单选按钮。 语法结构:代码如下:$(":checked") 此选择器可以和其他选择器配合使用,比如[类选择器、元素选择器等等。代码如下:$(".myradio:checked").hide(); 以上代码能够将类名为myradio,并且被选中的复选框或者单选框隐藏。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <me...

jQuery中:disabled选择器用法实例

本文实例讲述了jQuery中:disabled选择器用法。分享给大家供大家参考。具体分析如下: 此选择器能够选取所有禁用的表单元素。 语法结构:代码如下:$(":disabled") 此选择器一般也要和其他选择器配合使用,比如类选择器、元素选择器等等。代码如下:$("input:disabled").css("background-color","red"); 以上代码能够将不可用的input元素的背景色设置为红色。 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8...

jQuery中addClass()方法用法实例

本文实例讲述了jQuery中addClass()方法用法。分享给大家供大家参考。具体分析如下: 此方法向匹配元素添加一个或多个类。 此方法有多个语法形式。 语法结构一: 为匹配元素添加指定的类名。如果要一次性添加多个类名,它们之间要用空格分隔。代码如下:$(selector).addClass(class) 参数列表:参数描述class定义被添加类的名称 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" conten...

jQuery中toggleClass()方法用法实例

本文实例讲述了jQuery中toggleClass()方法用法。分享给大家供大家参考。具体分析如下: 此方法对添加或移除匹配元素的一个或多个类进行切换。 toggleClass()方法检查匹配元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。 语法结构一:代码如下:$(selector).toggleClass(class,switch) 如果存在(不存在)就删除(添加)一个类。 参数列表:参数描述class规定添加或删除的类。如果需要添加多个类,使...

jQuery中removeAttr()方法用法实例

本文实例讲述了jQuery中removeAttr()方法用法。分享给大家供大家参考。具体分析如下: 此方法从匹配元素中移除相应的属性。 语法结构:代码如下:$(selector).removeAttr(attribute) 参数列表:参数描述attribute定义要从匹配元素中移除的属性 实例代码:代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="//www.gxlcms.com/" /> <title>脚本之家</title> <style type="text/css"> div...

实例 - 相关标签