方法和详细的操作步骤如下：
成都创新互联是网站建设技术企业，为成都企业提供专业的网站建设、网站设计，网站设计，网站制作，网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例，为您定制适合企业的网站。10多年品质，值得信赖！
1、第一步，使用hbuilder编辑器创建一个新的html文件，设置一个输入框并将其tpye属性设置为checkbox，将name属性设置为checkbox，并在复制时在顶部设置一个bgred样式，见下图，转到下面的步骤。
2、第二步，执行完上面的操作之后，介绍下面的Jquery库，获取复选框的dom元素，为其单击事件，然后确定是否已选中该复选框，如果已选中，则添加上一步中的css样式集，否则删除该样式
，见下图，转到下面的步骤。
3、第三步，执行完上面的操作之后，进入浏览器，会看到一个复选框，单击以选中，见下图，转到下面的步骤。
4、第四步，执行完上面的操作之后，文字颜色将更改，见下图。这样，就解决了这个问题了。
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
2、在index.html中的script标签，输入jquery代码：$('input').change(function () {$('body').append('新值与旧值不相等')});。
3、浏览器运行index.html页面，此时会在输入内容变化时打印出新值与旧值是否相等的提示。
!doctypehtml
html
head
metacharset="UTF-8"
metaname="Generator"content="EditPlus®"
metaname="Author"content="zzp"
metaname="Keywords"content=""
metaname="Description"content=""
titleDocument/title
styletype="text/css"
input:focus,textarea:focus{
border:1pxsolid#f00;
background:#fcc;
}
.focus{
border:1pxsolid#f00;
background:#fcc;
}
/style
scripttype="text/javascript"src="js/jquery-1.6.4.min.js"/script
scripttype="text/javascript"
vartemp;
$(function(){
$(":input").focus(function(){//获得焦点
alert(this.id);
alert("获得焦点时的值是："+(this).val());temp=.trim((this).val());alert(temp);(this).addClass("focus");//添加样式
}).blur(function(){//失去焦点
(this).removeClass("focus");//移除样式alert("失去焦点时的值是："+(this).val());
varlastValue=.trim((this).val());
if(temp!=lastValuenull!=lastValue""!=lastValue)
{
alert("值改变了！");
}
else{
alert("值没有变！");
}
/***/
});
});
/script
/head
body
formaction="#"method="post"id="reFrom"
fieldset
legend个人信息/legend
div
label名称：/label
inputid="username"type="text"value="admin"
/div
div
label密码：/label
inputid="pass"type="text"value="123456"
/div
div
label性别：/label
inputid="sex"name="sex"type="radio"value="1"checked="checked"男
inputid="sex"name="sex"type="radio"value="2"女
/div
div
label详细信息：/label
inputid="msg"type="text"value="获取值"
/div
/fieldset
/form
/body
/html
扩展资料
change()函数用于为每个匹配元素的change事件绑定处理函数。该函数也可用于触发change事件。此外，你还可以额外传递给事件处理函数一些数据。change事件会在文本内容或选项被更改时触发。该事件仅适用于和以及。
对于text和textarea元素，该事件会在元素失去焦点时发生(文本内容也发生了更改)。可以为同一元素多次调用该函数，从而绑定多个事件处理函数。触发change事件时，jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。要删除通过change()绑定的事件，请使用unbind()函数。该函数属于jQuery对象(实例)。
首先需要获取到文本框元素，然后通过Jquerycss操作方法修改样式。
Jquery可以根据标签名、id、类等很多方式选取元素。
ID选择器
# 选取带有唯一的指定 id 的元素。id 引用 HTML 元素的 id 属性。相同的 id 值只能在文档中使用一次。
类选择器
. 选择器选取带有指定 class 的元素。class 引用 HTML 元素的 class 属性。与 id 选择器不同，class 选择器常用于多个元素。这样就可以为带有相同 class 的任何 HTML 元素设置特定的样式
标签名选择器
element 选择器选取带有指定标签名的元素。标签名引用 HTML 标签的 与 之间的文本。
如题根据文本框的样式选择标签，我们可以通过以下代码实现。
\\比如文本框的class="text1",则通过类选择器选取。即：
$(".text1")
Jquery修改样式的方法有css，addClass,removeClass等方法.
例如如修改文本框的class="text1"的样式我们可以通过Css方法这样实现：
$(".text1").css({width:"70px",height:"20px",border:"1px solide gray"});
也可通过直接给该元素新增一个样式达到修改效果：
\*我们有一个text2的样式*\
.text2{
width:70px；height:20px；border:1px solide gray；
}
\\然后我们直接添加这个class
$(".text1").addClass("text2");
\\如担心之前已有样式和新增样式冲突，我们可以在添加的同时移除新样式。
$(".text1").addClass("text2").removeClass("text1");
你是想要这样的效果吗：
1、点击某张图片，该图片变换。
2、点击“所有”，所有图片变换。
html
head
title
点击变图
/title
script type="text/javascript" src=""/script
/script
script
$(function(){
$("img").click(function(){
$(this).attr('src','');
})
$("#jq").click(function(i){
$("#pic img").each(function(i){ $(this).attr('src','')
})
})
})
/script
/head
body
div id="pic"
img src=""
img src=""
/div
a href="javascript:;" id="jq"所有变换/a
/body
/html
（2007年9月）：这一版去掉了对XPath选择符的支持，原因是相对于CSS语法它已经变得多余了。这一版能够支持对效果的更灵活定制，而且借助新增的命名空间事件，也使插件开发变得更容易。
jQuery UI（2007年9月）：这个新的插件套件是作为曾经流行但已过时的Interface插件的替代项目而发布的。jQuery UI中包含大量预定义好的部件（widget），以及一组用于构建高级元素（例如可拖放的界面元素）的工具。 （2010年1月14号）：对代码库进行了内部重写组织，开始建立一些风格规范。老的core.js文件被分为attribute.js,css.js,data.js,manipulation.js,traversing.js和queue.js；CSS和attribute的逻辑分离。
⒈4重要新特性
·常用方法的性能大幅提升：重写了大部分较早期的函数；
·更容易使用的设置函数（setter function）：为所有对象新增了许多易用的设置函数；
·对Ajax的改进：引入了许多Ajax和JSON处理方面的更新，包括HTML5元素的序列化；
·attribute（改进了.attr()的性能）、jQuery()核心函数、CSS（.css()性能有两倍提升）、特效和事件、DOM操作等也有显著改进 （2011年1月31日）：该版本修复了83个bug，解决了460个问题。重大改进有：重写了Ajax模块；新增延缓对象（Deferred Objects）；jQuery替身——jQuery.sub()；增强了遍历相邻节点的性能；jQuery开发团队构建系统的改进。
1.5新版本
美国时间2011年1月31日John Resig在jQuery官方博客发表文章，宣布jQuery 1.5正式版已经如期开发完成，可以下载使用。压缩版本jQuery Minified29KB，不压缩版本jQuery Regular（用于阅读和调试）207KB。由于jQuery已经成为目前最流行的JavaScript库，得到广泛的支持，新版本的发布当然非常引人注目。
重要变化：
1. Ajax重写
Ajax模块完全进行了重写。新增一个jXHR对象，为不同浏览器内置的XMLHttpRequest提供了一致的超集。对于XMLHttpRequest之外的传输机制，比如JSONP请求，jXHR对象也可以进行处理。（详情可以参见：jQuery.ajax文档）
此外，系统的可扩展性大大增强，可以附加各种数据处理器、过滤器和传输机制，为开发新的Ajax插件提供了方便。
2. 延迟对象
延迟对象（Deferred Object，jQuery.Deferred对象）是一个可链接的（chainable）实用工具对象，实现了Promise接口，可以在回调队列中注册多个回调、调用回调队列并转发任何同步/异步函数的成败状态。正如Using Deferreds in jQuery 1.5一文中说明的，其结果是在jQuery中能够将依赖于某个任务（事件）结果的逻辑与任务本身解耦了。这一点在JavaScript中其实并不新鲜，Mochikit和Dojo等已经实现有些日子了。由于jQuery 1.5的Ajax模块内置使用了延迟对象，因此通过jQuery编写Ajax程序将自动获得这一功能。
开发人员借此可以使用无法立即获得的返回值（如异步Ajax请求的返回结果），而且第一次能够附加多个事件处理器。
例如，使用了新的jQuery内部Ajax API就可以实现下面的代码了：
// Assign handlers immediately after making the request,// and remember the jxhr object for this request var jxhr = $.ajax({ url: example.php }) .success(function() { alert(success); }) .error(function() { alert(error); }) .complete(function() { alert(complete); });// perform other work here ... // Set another completion function for the request above jxhr.complete(function(){ alert(second complete); });
此外，使用jQuery.Deferred还可以开发自己的延迟对象。更多详情参见：延迟对象文档。
3. jQuery.sub()
jQuery 1.5提供了一种创建和修改jQuery副本的方式。可以用来添加不向外部公开的方法，或者对jQuery的某些方法进行重新定义以提供新功能，或者提供更好的封装、避免名称空间冲突。当然，也可以用来开发插件，但Resig强烈建议在开发插件之前，先考虑jQuery UI widget工厂。
值得注意的是，sub函数并不提供真正的隔离，所有方法、数据、调用仍然依靠jQuery本身来支持。
4. 遍历性能提高
在新版本中.children(),.prev(),.next()几个常用的遍历函数性能有了显著提高。
5. 内部开发系统
John Resig还特别提到了jQuery团队内部开发系统的两点改变：一是服务器端用Node.js替换了老的Java/Rhino系统，使得团队可以专注于JavaScript环境的新变化；二是所用的代码优化程序从Google Closure切换到UglifyJS，新工具的压缩效果非常令人满意。
jQuery 1.5.2 在1.5的基础上修正的大量的bug
jQuery 1.7b 2011年09月29日jQuery 1.7 的第一个 beta 测试版本，该版本修复了超过 50 个的问题以及带来一些新特性。
2011年11月4日jQuery1.7正式版发布。
新版本包含了很多新的特征，特别提升了事件委派时的性能尤其是在IE7下。
新增及改进项：
⒈新的事件 APIs: .on() and .off()；
⒉提升了事件委派时的性能有了大幅度的提升，尤其是在IE7下；
⒊更好的在 IE 6/7/8 上支持 HTML5；
⒋切换动画更加直观；
⒌匿名模块定义 AWD
⒍jQuery.Deferred
⒎jQuery.isNumeric()
被删除的方法：
event.layerX and event.layerY
jQuery.isNaN() 2012年03月24日jQuery 1.7.2正式版发布。
该版本在1.7.1的基础上修复了大量的bug，并改进了部分功能。而相比于1.7.2 RC1，只修复了一个bug。值得注意的是：如果你正在使用jQuery Mobile，请使用最新的jQuery 1.7.2和jQuery Mobile 1.1这两个版本，因为之前的jQuery Mobile版本还基于jQuery core 1.7.1或更早的版本。 2012年11月14日 jQuery 1.8.3 发布，修复 bug 和性能衰退问题
IE8中的HTML相关Bug
jQuery 1.8.2在IE9中调用ajax失败的问题
jQuery 1.7.1不能正确地设置IE7中克隆元素的tabindex属性
压缩的JS文件包含非ASCII字符
如果body样式设置为display:none，则$('body').show()无法工作
在IE9中element.css('filter')返回不明确
在Android 2.3.4的浏览器中，jQuery 1.8.1转场效果崩溃
在iPad上缩放一个灯箱效果后，所有动画效果失效
从1.3.2升级到1.8.2版本后，出现Uncaught TypeError错误
在Chrome和Safari中，无法正确检测包含可编辑内容的DIV的焦点 2013年3月 jQuery 2.0 Beta 2 发布
据jQuery官方博客3月消息，jQuery 2.0 Beta 2 发布。
根据用户对jQuery 2.0 Beta 1 版本的反馈，Beta 2 版做了一些修改。jQuery官方表示，非常需要用户来测试 Beta 2 版，最好同时也能向他们反馈提交建议。
他们相信，Beta 2 版已非常稳定，值得一试，不需要等 2.0 的最终版本。
jQuery 团队在官博中再次提醒用户，jQuery 2.0 不再支持IE 6/7/8 了，但是 jQuery 1.9 会继续支持。因为旧版 IE 浏览器在整个互联网中还有很大部分市场，所以他们非常期望大部分网站能继续使用 jQuery 1.x 一段时间。jQuery 团队也将同时支持 jQuery 1.x 和 2.x 。1.9 和 2.0 版的 API 是相同的，所以不必因为你们网站还在用 jQuery 1.9，就感觉好像错过了什么，或者是落后了。
如果你想继续支持 IE 6/7/8，并且又想尝试 jQuery 2.0，那你可以额外加上一些代码。除了老版的 IE，其他所有浏览器都将使用第二脚本，忽略第一个。
在很多环境中，jQuery 2.0 应当都表现的很好。如下：
Google Chrome plugins
Mozilla XUL apps and Firefox extensions
Firefox OS apps
Chrome OS apps
Windows 8 Store (“Modern/Metro UI”) apps
BlackBerry 10 WebWorks apps
PhoneGap/Cordova apps
Apple UIWebView class
Microsoft WebBrowser control
Cheerio or jsdom with Node.js
Intranet applications
2013年4月18日 jQuery 2.0正式版发布 不再支持IE 6/7/8：如果在IE9/10版本中使用“兼容性视图”模式也将会受到影响。 更轻更快：2.0版本文件与1.9.1相比小了12%。 可以构建一个更小、更轻量的版本。 jQuery 2.0 API完全兼容jQuery 1.9 API。 jQuery 1.9.1汉化版2013年2月23日发布，由网友翻译非官方 2014年5月1日，jQuery2.1.1版发布
重庆分公司
重庆分公司
