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的字体大小

jquery 样式获取设置值_[JQuery] jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式...相关推荐

  1. jQuery 从零开始学习 (三) 属性与css样式

    一.摘要 本篇文章讲解如何使用jQuery获取和操作元素的属性和CSS样式. 其中DOM属性和元素属性的区分值得大家学习. 二.前言 无论是通过选择器选取对象, 或者从包装集中删除,过滤元素. 本章将 ...

  2. css view a if属性,uni-app学习笔记(2)view属性控制css样式

    uni-app学习笔记(2)view属性控制css样式 uniapp通过标签属性来改变样式 当鼠标按下去的时候,他会变成这个样式 hover-class="box-active" ...

  3. jq多选按钮值_关于jquery的多选框获取值和状态回显

    最近开发一个新功能模块设计到状态多选框的勾选及查询后状态的回显保留. 需求:在页面当点击状态多选框时 实现option的勾选状态,把对应的option的value值赋给 在form表单的隐藏input ...

  4. jq获取页面高度_使用jquery中height()方法获取各种高度

    $(window).height(); //浏览器当前窗口可视区域高度 $(document).height(); //浏览器当前窗口文档的高度 $(document.body).height();/ ...

  5. jquery 获取元素图片_【jQuery】获取图片真实宽高

    jQuery有没有获取图片实际尺寸的方法? 就是图片文件的实际尺寸,而不是添加了css样式之后的尺寸. 肥肠真实,如假包换! //code from http://caibaojian.com/jqu ...

  6. jquery 磁铁模式控件_利用JQuery拖拽插件实现拖拽效果

    asp教程x.cs" inherits="jquerydrag._default" %> $(document).ready(function() { //拖拽方法 ...

  7. jquery tr 移除 背景色_用jQuery remove()方法删除表格行(table tr)的写法

    jQuery删除表行(table tr):本文介绍如何删除选定的表行(table tr).如何用jQuery按钮单击事件,按id或class-name删除表行. 在按钮单击时,我们删除选定的行/ tr ...

  8. 如何用jquery动态改变 input 输入框的readonly属性及CSS样式

    样例 <style type="text/css">.disable{background-color: #d2d2d2;} </style><div ...

  9. java获取json中的某个值_接口测试之json中的key获取

    在很多情况下我们在进行接口测试的时候都会有获取上个接口返回的json数据中的某个key值,然后下个接口调用这个key值.今天给大家讲解一下针对不同类型的json获取某个key的值. 一.首先是单纯ob ...

  10. android log 如何获取double类型后小数点的值_【ES6基础】Symbol介绍:独一无二的值...

    开篇 ES6之前我们都清楚JS有六种数据类型:Undefined.Null.布尔值(Boolean).字符串(String).数值(Number).对象(Object),今天笔者讲的Symbol类型是 ...

最新文章

  1. 杭电 HOJ 1312 Red and Black 解题报告
  2. Java培训的学费标准是多少
  3. SAP MM 物料库存转固定资产业务操作以及相关财务凭证
  4. 数据中心基础设施建设方案
  5. C/C++中手动获取调用堆栈【转】
  6. Template Code 无法使用 this.Host 报错
  7. curl记录响应时间
  8. 德国拜尔集团迎来人工智能专家--李飞飞
  9. 当代刻板程序员生态图鉴!网友:哈哈哈太真实了
  10. JAX-WS编写webservice
  11. ADO.Net 数据库访问技术
  12. onclick 获取img 里面的id_续航可达550公里,ID.4 CROZZ打碎“纯电动汽车续航短”偏见...
  13. 2022年蓝桥杯基础题目合集C语言
  14. Ubuntu二进制编辑器Hexdump
  15. 使用Mybatis拦截器实现数据分表
  16. 台式机计算机怎么分割,台式机如何设置分屏
  17. Java中String字符串截取几种方法(substring,split)
  18. gallary 实现类似viewpage 的效果 左右可见
  19. 单片机结构及工作原理
  20. 照做的话,发不了SCI论文你来找我

热门文章

  1. 通俗易懂,C#如何安全、高效地玩转任何种类的内存之Span的脾气秉性(二)
  2. Oracle .NET Core Beta驱动已出,自己动手写EF Core Oracle
  3. .NET Core使用swagger进行API接口文档管理
  4. Error Handling in ASP.NET Core
  5. ASP.NET Core之跨平台的实时性能监控(2.健康检查)
  6. .NET Core 2.0体验
  7. 微软全球副总裁给你发了一张Connect 2016专属邀请卡:信仰再充值!Connect 2016技术大会在线直播!
  8. mysql数据表设计要点以及快门
  9. 【ArcGIS遇上Python】窗体版Python批量处理地理数据--栅格裁剪
  10. Android之实现夸克浏览器书签和历史页面滑动时候右上角图标切换效果