[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
相关文章
|
2月前
jQuery+CSS3实现404背景游戏动画源码
jQuery+CSS3实现404背景游戏动画源码
64 22
|
3月前
|
JavaScript 前端开发
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
80 21
|
3月前
|
JavaScript
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。
|
3月前
|
JavaScript
jQuery和CSS3精美翻页式电子时钟特效
jQuery和CSS3精美翻页式电子时钟特效
|
3月前
|
JavaScript 前端开发
jQuery和CSS3斑马线样式range滑块特效
jQuery和CSS3斑马线样式range滑块特效
|
4月前
jQuery+CSS3模拟过山车动态的文字动画特效源码
jQuery+CSS3模拟过山车动态的文字动画特效源码实现在全黑的背景下,画面中的文本呈现过山车的轨迹动画上下滚动转圈,且伴随文本颜色渐变效果,非常有意思,欢迎对此特效感兴趣的朋友前来下载参考。
41 1
|
4月前
|
前端开发 JavaScript UED
|
4月前
|
JavaScript 前端开发
jQuery和CSS3带变形特效的固定导航菜单
这是一款jQuery和CSS3带变形特效的固定导航菜单。该导航菜单开始时固定在页面左上角,当用户向下滚动时,导航菜单以水滴变形的方式转换为圆形菜单,然后固定在页面的左上角位置。
|
6月前
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
40 2
|
6月前
|
前端开发 JavaScript
jQuery css() 方法
jQuery css() 方法
42 3