[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式

简介:

reference : http://www.suyunyou.com/aid1657.html

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,写更少的代码,做更多的事情

例:

<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
本文转自demoblog博客园博客,原文链接http://www.cnblogs.com/0616--ataozhijia/p/8056726.html如需转载请自行联系原作者

demoblog
相关文章
|
1月前
|
前端开发
CSS3新增的has伪类选择器,让你能轻松选择父元素
CSS3新增的has伪类选择器,让你能轻松选择父元素
14 0
|
2天前
|
前端开发
css怎么去除a标签的下划线?
css怎么去除a标签的下划线?
|
5天前
|
缓存 前端开发 JavaScript
【JavaEE初阶】 CSS的引入方式和选择器
【JavaEE初阶】 CSS的引入方式和选择器
|
21天前
|
移动开发 前端开发 JavaScript
H5+CSS3+JS逆向前置——HTML2、table表格标签
H5+CSS3+JS逆向前置——HTML2、table表格标签
14 0
|
22天前
|
前端开发
css子类选择器的应用场景实战
css子类选择器的应用场景实战
21 0
|
24天前
|
前端开发 JavaScript 算法
成为CSS选择器大师,让你的网页瞬间提升品味!
欢迎来到前端入门之旅!这个专栏是为那些对Web开发感兴趣、刚刚开始学习前端的读者们打造的。无论你是初学者还是有一些基础的开发者,我们都会在这里为你提供一个系统而又亲切的学习平台。我们以问答形式更新,为大家呈现精选的前端知识点和最佳实践。通过深入浅出的解释概念,并提供实际案例和练习,让你逐步建立起一个扎实的基础。无论是HTML、CSS、JavaScript还是最新的前端框架和工具,我们都将为你提供丰富的内容和实用技巧,帮助你更好地理解并运用前端开发中的各种技术。
|
30天前
|
前端开发 UED
不可或缺的前端技术之CSS选择器
CSS选择器是前端开发中不可或缺的技术,它能够通过简洁而强大的语法来选择网页中的元素,并对其进行样式的设置。本文将介绍CSS选择器的基本用法和常见类型,帮助读者更好地掌握前端开发中的样式选择技巧。
|
1月前
|
前端开发 搜索推荐 开发者
CSS 选择器全攻略:从入门到精通(下)
CSS 选择器全攻略:从入门到精通(下)
|
1月前
|
缓存 前端开发 JavaScript
CSS 选择器全攻略:从入门到精通(上)
CSS 选择器全攻略:从入门到精通(上)
CSS 选择器全攻略:从入门到精通(上)
|
1月前
|
前端开发 定位技术 容器
HTML_标签的命名/CSS标准化命名大全
HTML_标签的命名/CSS标准化命名大全

相关产品

  • 云迁移中心