jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
2016-08-19 17:04
435 查看
jQuery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ,
它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,
包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。
jQuery其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
例:
jQuery也可以用$来代替。
根据div的id获取对象:
1.jQuery("#divs"):id用"#"
2.$("#divs")
根据class获取对象:
1.jQuery(".clsdiv"):class用"."
2.$(".clsdiv")
根据标签获取对象:
jQuery('a'):a标签直接写标签名称
$('a')
获取input的值:
$('input').val():val() 在jquery里面代表获取value的值
获取input的属性:
$('input').attr('class'):class代表属性的名称
$('input').attr('class', 'test'):设置input的class为test
设置标签的css样式:
$('input').css('font-size'):获取input的当前字体大小
$('input').css('font-size', '14px'):设置input的字体大小
它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。
jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。
jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。
jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,
包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。
jQuery其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
例:
<div id="divs" class="clsdiv"></div>
jQuery也可以用$来代替。
根据div的id获取对象:
1.jQuery("#divs"):id用"#"
2.$("#divs")
根据class获取对象:
1.jQuery(".clsdiv"):class用"."
2.$(".clsdiv")
根据标签获取对象:
jQuery('a'):a标签直接写标签名称
$('a')
获取input的值:
$('input').val():val() 在jquery里面代表获取value的值
获取input的属性:
$('input').attr('class'):class代表属性的名称
$('input').attr('class', 'test'):设置input的class为test
设置标签的css样式:
$('input').css('font-size'):获取input的当前字体大小
$('input').css('font-size', '14px'):设置input的字体大小
相关文章推荐
- [JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- Jquery 获取指定标签的对象及属性的设置与移除
- Jquery 获取指定标签的对象及属性的设置与移除
- js根据id,class,标签获取元素
- asp.net 在后台给前台的控件设置Style属性与坐标,后台设置CSS样式,后台获取前台控件坐标
- 【分享】java反射获取、设置、打印对象属性,对象转map基础工具
- asp.net 在后台给前台的控件设置Style属性与坐标,后台设置CSS样式,后台获取前台控件坐标
- C# 遍历对象的属性 获取或设置值
- 通过struts2标签在jsp获取对象属性失败,这是bug?
- Js原生元素选择器 _$获取id class attr 属性集合
- Silverlight Object 标签属性介绍、初始化参数的设置和获取、客户端系统信息获取
- Silverlight Object 标签属性介绍、初始化参数的设置和获取、客户端系统信息获取
- Struts2 用s:property标签从Action中获取Bean对象某一个属性的值
- js中用setAttribute为标签设置class属性
- js通过标签元素id,用document.getElementById().style设置标签元素的css属性
- jQuery根据ID、CLASS、等获取对象
- jQuery根据ID、CLASS、等获取对象
- asp.net在后台给前台的控件设置Style属性与坐标,后台设置CSS样式,后台获取前台控件坐标
- QTP的那些事---通过html标签的属性获取对象(类似onclick的属性)