首页技术jquery代码(jquery修改imgsrc)

jquery代码(jquery修改imgsrc)

编程之家2026-05-30903次浏览

大家好,今天小编来为大家解答jquery代码这个问题,jquery修改imgsrc很多人还不知道,现在让我们一起来看看吧!

jquery代码(jquery修改imgsrc)

jQuery开发技术详解的目录

第一篇 jQuery预备基础篇

第1章 Web开发的发展与趋势 2

1.1 Web标准 2

1.1.1 XML 3

1.1.2 XHTML 3

1.1.3 CSS 4

jquery代码(jquery修改imgsrc)

1.1.4 DOM 4

1.1.5 ECMAScript 5

1.2传统互联网与Web 2.0 5

1.2.1传统网络Web 1.0 5

1.2.2最近的新宠Web 2.0 6

1.3 jQuery能做什么 11

jquery代码(jquery修改imgsrc)

1.3.1更加丰富的导航菜单 11

1.3.2 Tab内容的切换 13

1.3.3人性化的提示信息 13

1.3.4可定制的用户内容 14

1.3.5动态的图片展示效果 15

1.3.6 AJAX实时局部刷新 16

1.3.7数据的可视化显示 17

1.4 jQuery知识体系及学习建议 17

1.4.1 jQuery知识体系 17

1.4.2学习建议 19

1.5小结 19

第2章 JavaScript基础 20

2.1什么是JavaScript 20

2.2语法规则 21

2.2.1大小写敏感 21

2.2.2空格、换行与可选的分号 23

2.2.3注释 25

2.2.4关键字和保留字 26

2.2.5在页面上插入JavaScript代码 28

2.3变量 29

2.3.1变量的命名 29

2.3.2变量的声明 30

2.3.3变量的使用 32

2.3.4全局变量和局部变量 33

2.4 JavaScript中的数据类型 35

2.4.1字符串类型 36

2.4.2数值类型 37

2.4.3布尔类型 37

2.4.4 undefined类型 38

2.4.5 null类型 40

2.4.6 NaN类型 40

2.5数据类型间转换 41

2.5.1使用toString()转换为字符串 41

2.5.2使用parseInt()转换为整型数 43

2.5.3使用parseFloat()转换为浮点数 45

2.6 JavaScript操作符 47

2.6.1比较操作符 47

2.6.2逻辑操作符 48

2.6.3 JavaScript操作符优先级 49

2.7流程控制 50

2.7.1条件语句 50

2.7.2循环语句 54

2.8数组 56

2.8.1创建一个数组 57

2.8.2使用数组元素 58

2.8.3使用多维数组 58

2.9函数 59

2.9.1函数的定义 59

2.9.2函数的参数及返回值 60

2.10小结 61

第3章文档对象模型(DOM) 62

3.1什么是DOM 62

3.2 DOM的结构和节点 63

3.2.1 DOM的树结构 63

3.2.2 DOM中的节点 65

3.3访问DOM节点 67

3.3.1按id取元素:getElementById() 67

3.3.2按标签名取元素集:getElementsByTagName() 68

3.4操作元素内的文本 70

3.5操作元素内的HTML 72

3.6修改DOM节点 73

3.6.1创建DOM节点 74

3.6.2插入DOM节点 76

3.6.3删除DOM节点 78

3.7小结 80

第4章工欲善其事,必先利其器——开发工具 81

4.1代码编辑工具 81

4.1.1 SciTE 81

4.1.2 Notepad++ 82

4.1.3 Dreamweaver 83

4.2调试工具 84

4.2.1使用Blackbird进行调试 84

4.2.2使用Firebug进行调试 85

4.2.3使用Venkman进行调试 91

4.3其他工具 92

4.3.1 Web Developer Toolbar 92

4.3.2 JavaScript压缩混淆工具 99

4.4小结 100

第二篇 jQuery基础篇

第5章 jQuery快速上手 102

5.1什么是jQuery 102

5.2为什么选择jQuery 102

5.2.1当前流行JavaScript库比较 103

5.2.2 jQuery的优势 106

5.3配置jQuery开发环境 107

5.3.1获取jQuery最新版本 107

5.3.2 jQuery库类型说明 108

5.3.3在页面中引用jQuery库 108

5.3.4 jQuery 1.2.6新特性及主要改变 110

5.3.5 jQuery 1.3.2新特性及主要改变 112

5.4准备HTML和CSS代码 114

5.4.1演示框架目录结构 115

5.4.2 HTML代码 115

5.4.3 CSS代码 117

5.5编写jQuery代码 119

5.6小结 122

第6章使用选择器获得要操作的元素 123

6.1 CSS选择器 123

6.1.1使用CSS选择器 123

6.1.2通配选择器 124

6.1.3标签选择器 124

6.1.4 ID选择器 125

6.1.5类选择器 125

6.1.6后代选择器 126

6.1.7子元素选择器 127

6.1.8相邻兄弟选择器 127

6.1.9属性选择器 128

6.2 jQuery选择器 130

6.2.1基本选择器 130

6.2.2层次选择器 135

6.2.3基本滤镜选择器 139

6.2.4子元素滤镜选择器 151

6.2.5表单滤镜选择器 156

6.2.6属性滤镜选择器 164

6.3小结 167

第7章操作得到的元素 168

7.1操作属性 168

7.1.1读取属性 168

7.1.2修改属性 170

7.1.3删除属性 173

7.2操作样式类 174

7.2.1添加样式类 174

7.2.2去除样式类 176

7.2.3交替样式类 177

7.3操作CSS 178

7.3.1读取CSS样式 178

7.3.2设置CSS样式 180

7.3.3获得元素偏移信息 182

7.3.4获得和设置高度 183

7.3.5获得和设置宽度 185

7.4操作内容 186

7.4.1操作HTML代码 186

7.4.2操作文本 188

7.4.3操作值 190

7.5查找与筛选元素 193

7.5.1过滤元素集 193

7.5.2在元素集中查找 197

7.6链式操作 202

7.6.1使用链式操作 203

7.6.2结束当前操作对象 205

7.6.3添加当前操作对象到先前对象 207

7.7小结 208

第8章使用jQuery进行DOM操作 209

8.1在元素内部插入DOM元素 209

8.2在元素外部插入DOM元素 214

8.3包裹DOM元素 217

8.3.1使用指定的元素标记进行包裹 217

8.3.2使用HTML标记进行包裹 220

8.3.3包裹内部元素 222

8.4替换DOM元素 223

8.5删除DOM元素 225

8.6克隆DOM元素 227

8.7小结 229

第9章 jQuery中的事件处理 230

9.1页面载入完毕响应事件 230

9.1.1 jQuery中的$(document).ready()事件 230

9.1.2 window.onload()事件和$(document).ready()事件的比较 231

9.2绑定与反绑定事件监听器 233

9.2.1绑定事件 233

9.2.2反绑定事件 238

9.2.3一次性的事件绑定 239

9.3事件触发器 241

9.3.1 trigger触发事件 241

9.3.2 triggerHandler触发事件 244

9.4事件的交互处理 245

9.4.1 hover:模仿鼠标悬停 246

9.4.2 toggle:多次单击的循环响应 247

9.5 jQuery内置事件类型 248

9.5.1 jQuery内置事件函数的两种声明方式 249

9.5.2 jQuery内置事件类型分类 250

9.6小结 253

第10章 jQuery中的动画与效果 254

10.1基本效果 254

10.1.1隐藏元素 254

10.1.2显示元素 258

10.1.3交替显示隐藏 259

10.2滑动效果 260

10.2.1向上收缩效果 260

10.2.2向下展开 262

10.2.3交替伸缩样式 262

10.3淡入淡出效果 263

10.3.1淡入效果 263

10.3.2淡出效果 265

10.3.3自定义不透明度 265

10.4自定义动画效果 266

10.4.1自定义动画 266

10.4.2 jQuery动画队列 270

10.5小结 273

第11章 jQuery与AJAX 274

11.1 AJAX的应用 274

11.1.1 AJAX的历史 274

11.1.2 AJAX经典应用 275

11.2 AJAX原理与XMLHttpRequest对象 278

11.2.1 AJAX的原理 279

11.2.2 XMLHttpRequest对象 281

11.3 jQuery中的AJAX 284

11.3.1 load()、get()和post()函数 284

11.3.2 ajax函数 294

11.3.3 getScript及getJSON函数 300

11.4 jQuery中的AJAX服务器端返回方式 304

11.4.1 html方式 305

11.4.2 text方式 307

11.4.3 xml方式 308

11.4.4 script方式 316

11.4.5 json方式 316

11.5 jQuery中的AJAX事件 318

11.5.1 AJAX局部事件 318

11.5.2 AJAX全局事件 320

11.6小结 323

第12章回头重看jQuery——核心及工具 324

12.1核心函数 324

12.1.1核心函数形式 324

12.1.2使用核心函数 326

12.2 jQuery对象访问 329

12.2.1获得长度 329

12.2.2获得其中某个对象 329

12.2.3遍历对象集 332

12.3数据缓存 333

12.3.1隐藏数据 333

12.3.2设置和获取元素的缓存数据 334

12.3.3删除缓存数据 336

12.4 jQuery常用工具类 337

12.4.1浏览器相关 337

12.4.2数组与对象相关 340

12.4.3其他功能性函数 348

12.5 jQuery插件机制 349

12.5.1 jQuery.extend(object) 350

12.5.2 jQuery.fn.extend(object) 351

12.6小结 352

第三篇 jQuery应用篇

第13章 jQuery增强用户体验 354

13.1动态加载显示内容 354

13.1.1设计网站外观及显示 354

13.1.2 jQuery动态加载内容 356

13.2改进:增强用户体验 358

13.2.1高亮当前选中菜单 358

13.2.2加载时提示“正在加载…” 359

13.3动态切换样式 361

13.3.1 jQuery样式切换简单实现 361

13.3.2使用Cookie保存用户选项 363

13.3.3使用jQuery.cookie插件 366

13.4小结 368

第14章 jQuery中使用AJAX跨域操作 369

14.1跨域操作的实现方式 369

14.1.1 Script方式实现跨域操作 369

14.1.2 JSONP方式实现跨域操作 371

14.2跨域操作flickr网站API 374

14.3跨域操作delicious网站API 378

14.4跨域操作Google AJAX Search API 382

14.5小结 388

第15章 jQuery+PHP动态网站实践 389

15.1标签云(Tag Cloud) 389

15.1.1标签云的概念与使用 389

15.1.2标签云显示样式设计 390

15.1.3设计MySQL数据库 394

15.1.4构建PHP代码 395

15.1.5构建jQuery代码 398

15.2类twitter微博客系统 399

15.2.1微博客系统 400

15.2.2设计MySQL数据库 403

15.2.3构建PHP代码及jQuery代码 404

15.2.4功能改进:增加字数统计功能 408

15.3小结 410

第16章 jQuery键盘操作 411

16.1键盘快捷键动态切换页面 411

16.1.1需求与最终效果 411

16.1.2 HTML及CSS代码 412

16.1.3 jQuery代码 416

16.2使用插件进行改进 420

16.2.1存在的问题 420

16.2.2 js-hotkeys插件的使用 421

16.2.3使用js-hotkeys插件改进本章示例 423

16.3软键盘的实现 425

16.3.1软键盘的使用 425

16.3.2准备HTML及CSS代码 425

16.3.3构建jQuery代码 430

16.3.4最终效果 433

16.4小结 435

第17章 jQuery可视化数据显示 436

17.1数据的可视化显示 436

17.2使用flot插件可视化数据显示 438

17.2.1 flot插件介绍 438

17.2.2准备HTML及CSS代码 439

17.2.3构建jQuery代码 442

17.2.4实现折点上的Tooltip显示 448

17.3小结 451

jquery-1.4.2.min.js文件有什么用途里面的代码都有什么用途

jquery-1.4.2.min.js为JQuery库,版本号为1.4.2,min表明该版本为压缩版,去除了空白字符及注释,并对代码进行了变量、函数名压缩优化等,适合用于生产环境。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库,它兼容CSS3,还兼容各种浏览器(IE6.0+,FF1.5+,Safari2.0+,Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery是一个兼容多浏览器的javascript库,核心理念是writeless,domore(写得更少,做得更多)。

JQuery的作用:

主要用于兼容个浏览器的JavaScript用法,只需要使用jQuery中指定的方法即可实现在各主流浏览器中同时兼容,能够让开发人员关注业务的开发而不必关心JavaScript的兼容性问题。

常见的几类如下:

选择器:用于选取特定的一个或多个dom节点

属性/CSS:用于改变dom的属性值及一些JavaScript控制的样式

dom操作:如对dom节点的增删查改

遍历:对dom树、数组、其他可遍历的类型进行遍历操作

事件:兼容各浏览器的事件调用,及自定义的事件等

效果:如JavaScript动画等

Ajax:统一各浏览器的Ajax请求的用法

JQuery提供了上百个函数,提高了开发的效率,方便开发者在不同浏览器下使用相同的一套代码实现指定业务功能。

jQuery的使用方法

使用步骤如下:

1.jQuery给放到一个文件夹里面,方便我们待会引用这个jQuery,这里我就放到我项目的js文件夹里面。

2.然后我们来开始编辑HTML界面代码。

3.使用script标签把jQuery引入到我们的HTML界面。src引号里面的就是我们的jQuery路径名称。

4.接着再书写一个script标签对,里面写上jQuery入口函数,这样,当我们的HTML加载完成之后就会执行我们的jQuery代码

关于jquery代码,jquery修改imgsrc的介绍到此结束,希望对大家有所帮助。

截取字符串指定字符(string截取字符串)王者6周年惊喜宝箱 周年庆惊喜宝箱选哪个