使用jQuery入门中,各种不明白的问题,这又是一个不知道为什么的问题。。大家请进。。

可爱可不爱 2013-07-02 03:39:59
想实现一个很简单的功能:一个按钮,鼠标移上去的时候字体加粗,
为什么会实现不了呢。。。


$(document).ready(function(){
$('verify').mouseover(function() {
$(this).css('color','blue');
$(this).css('font-weight','bold');
});
$('verify').mouseout(function(){
$(this).css('backgournd-color','green');
});
})



<input name="Submit" type="submit" id="verify" value="提交修改"><br>


就是这么简单,为什么有问题呢!!??好烦躁。。。


本来这个button是有一个css类的,但是我修改了那个css类里的hover里面的属性之后,移上去还是跟原来一样没有变化,为什么。。
...全文
234 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
可爱可不爱 2013-07-02
  • 打赏
  • 举报
回复
引用 1 楼 ghostkngiht 的回复:
$('verify')换成$('#verify')
果然是rookie mistake。。。。谢谢了。。。
selad 2013-07-02
  • 打赏
  • 举报
回复

$(document).ready(function () {
            $('#verify').mouseover(function () {
                $(this).css('color', 'blue');
                $(this).css('font-weight', 'bold');
            });
            $('#verify').mouseout(function () {
                alert('');
                $(this).css('color', 'green');
            });
        })
蓝色小棉袄 2013-07-02
  • 打赏
  • 举报
回复
一楼正解
  • 打赏
  • 举报
回复
恩恩,LZ ,选择器使用的时候出错了 id :$("#id").val(); 双引号啊 class:$(".class").css("color","red"); var css = { background: '#EEE', width: '478px', margin: '10px 0 0', padding: '5px 10px', border: '1px solid #CCC' }; $(".css").css(css); 呵呵呵,我也是菜鸟,参考参考哈...
hehe123456789 2013-07-02
  • 打赏
  • 举报
回复
jQuery选择器用法错误,如上正解
ghostkngiht 2013-07-02
  • 打赏
  • 举报
回复
$('verify')换成$('#verify')
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐: 内容全面,系统地讲解了jQuery方方面面 实战性强,囊括118个实例和2个综合案例 资深专家亲自执笔,4大专业社区一致鼎力推荐 内容简介: jQuery是继Prototype之后的又一个优秀JavaScript框架,深受全球开发者欢迎,已经成为Web开发领域的事实标准。jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大地满足了广大开发者提出的更高要求。因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与jQuery相关的扩展知识;实战性强,不仅每个知识点都配有完整的小案例,而且还有两个综合性的案例。本书不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。 全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery的事件与应用、jQuery的动画和特效、Ajax在jQuery的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括需求分析、代码实现和结果展示三部分);再接着对jQuery UI和jQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践,迅速进入jQuery的殿堂。 作者简介: 陶国荣,资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践,并长期专注于HTML页面的优化与用户体验的研究,在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心技能之一。如果你尚未掌握jQuery或功力还不够,推荐你认真阅读这本书并付诸实践,与同类的jQuery图书相比,它有3大优势:内容非常全面,几乎包含jQuery的所有内容;基于jQuery的最新版本撰写,所有新功能特性一览无余;实战性极强,不仅有118个小型案例,而且还有两个综合案例。——jQuery文社区 jQuery因为使用简单、功能强大、插件丰富而深受Web开发者青睐。《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个知识点都配有小例子,而且还有两个综合性的案例。对于初学者而言,本书应该是学习jQuery的首选。——jQuery文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈推荐。——JavaScript开发者社区 jQuery从众多的Ajax框架脱颖而出,已经成为Web开发领域的事实标准。《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前所有同类书都不具备的,恰好这一点又是初学者最需要的。如果能阅读本书并付诸实践,进入jQu
jQuery Mobile快速入门245页完整版.pdf + 所有源码.7z 24H内删除,作者写书非常不容易,如觉得好,请购买纸质书籍,易读易懂!藏书不如读书,读书请买好书,这是好书。 第1章 jquery mobile简介  1.1 通用访问  1.2 跨所有移动平台的统一  1.3 简化的标记驱动的开发  1.4 渐进式增强  1.5 响应式设计  1.6 可主题化的设计  1.7 可访问性  1.8 总结 第2章 jquery mobile入门  2.1 jquery mobile页面模板  2.2 多页面模板  2.2.1 设置内部页面的页面标题  2.2.2 单页面文档与多页面文档的对比  2.3 ajax驱动的导航  2.3.1 $.mobile.changepage()  2.3.2 用途  2.3.3 参数  2.3.4 配置ajax导航  2.4 转换  2.5 对话框  2.5.1 链接与页面配置的对比  2.5.2 操作表  2.5.3 对话框ux指南  2.6 带有媒体查询的响应式布局  2.7 总结 第3章 使用页眉、工具栏和标签栏来导航  3.1 页眉栏  3.1.1 页眉基础知识  3.1.2 页眉结构  3.1.3 页眉定位  3.1.4 页眉按钮  3.1.5 既有文本又有图标的按钮  3.1.6 只带有图标的按钮  3.1.7 带有分段控件的页眉栏  3.1.8 修复被截断的页眉或页脚  3.2 回退按钮  3.3 页脚栏  3.3.1 页脚基础知识  3.3.2 页脚结构  3.3.3 页脚定位  3.3.4 页脚按钮  3.4 工具栏  3.4.1 带有图标的工具栏  3.4.2 带有分段控件的工具栏  3.5 标签栏  3.5.1 带有标准图标的标签栏  3.5.2 永久标签栏  3.5.3 带有自定义图标的标签栏  3.5.4 带有分段控件的标签栏  3.6 总结 第4章 表单元素和按钮  4.1 按钮  4.1.1 链接按钮  4.1.2 表单按钮  4.1.3 图像按钮  4.1.4 使用图标来设计按钮  4.1.5 只带有图标的按钮  4.1.6 按钮定位  4.1.7 带有自定义图标的按钮  4.1.8 分组按钮  4.1.9 主题按钮  4.1.10 动态按钮  4.2 表单元素  4.2.1 表单基础知识  4.2.2 文本输入  4.2.3 选择菜单  4.2.4 单选按钮  4.2.5 复选框  4.2.6 滑动条  4.2.7 开关控件  4.2.8 本地表单元素  4.2.9 mobiscroll日期选择器  4.3 总结 第5章 列表视图  5.1 列表基础知识  5.2 内置列表  5.3 列表分割线  5.4 带有缩略图和图标的列表  5.5 拆分按钮列表  5.6 编号列表  5.7 只读列表  5.8 列表徽章(计数泡)  5.9 使用搜索栏过滤列表  5.10 动态列表  5.10.1 列表选项  5.10.2 列表方法  5.10.3 列表事件  5.11 总结 第6章 使用表格和css渐变来格式化内容  6.1 表格布局  6.1.1 表格模板  6.1.2 两列的表格  6.1.3 带有css增强的三列表格  6.1.4 带有app图标的四列表格  6.1.5 带有emoji图标的五列表格  6.1.6 多行表格  6.1.7 不相等的表格  6.1.8 springboard  6.2 可折叠的内容块  6.3 可折叠的设置  6.4 使用css渐变进行样式化  6.5 总结 第7章 创建可主题化的设计  7.1 主题基础知识  7.2 主题和调色板  7.3 主题默认值  7.4 主题继承  7.5 自定义主题  7.6 themeroller  7.6.1 调色板和全局设置  7.6.2 preview inspector和quickswatch bar  7.6.3 adobe kuler集成  7.6.4 入门  7.7 总结 第8章 jquery mobile api  8.1 配置jquery mobile  8.1.1 自定义脚本的位置  8.1.2 可配置的jquery mobile选项  8.2 方法  8.3 事件  8.3.1 事件概览  8.3.2 触发事件  8.4 属性  8.5 数据属性  8.6 总结 第9章 服务集成策略  9.1 使用restful服务的客户端集成  9.1.1 使用ajax的客户端twitter集成  9.1.2 使用ajax的客户端表单post  9.2 使用mvc的服务器端集成  9.2.1 使用mvc的服务器端表单post  9.2.2 使用mvc的服务器端数据访问  9.2.3

87,991

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧