首 页 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 尾 页

jQuery实现放大镜

发布者: superzhang | 发布时间:2017-11-25

本篇和大家说一下jquery实现放大镜!jQuery实现放大镜

PS:由于无法上传文件,所以感兴趣的朋友可以搜索公众号“ITyuanshu”,回复“8”获取整套源码

<!DOCTYPE html5>

<html>

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>jQuery图片放大镜插件</title>

<link rel="stylesheet" type="text/css" href="demo/styles/index.css" />

&

想读更多 ->

jquery入门3

发布者: superzhang | 发布时间:2017-11-25

jquery入门3

jquery入门3

jquery入门3

想读更多 ->

jquery操作dom

发布者: superzhang | 发布时间:2017-11-25

jquery 操作DOM元素(1)

.clone()

  创建一个匹配的元素集合的深度拷贝。

  .clone([withDataAndEvents])

    withDataAndEvents (默认为false)

      一个Boolean 表示是否会复制元素上的时间处理函数。

  .clone([withDataAndEvents][,deepwithDataAndEvents])

    withDataAndEvents (默认为false)

      一个Boolean 表示是否会复制元素上的时间处理函数。

    deepwithDataAndEvents

      一个布尔值,指示是否对时间处理程序和克隆的元素的所有子元素的数据应该被复制。默认情况下它的值相匹配的第一个参数的值。

      $(".hello").clone().appendTo(".goodbye")

      效果 : <div class="hello">Hello</div>

      <div class="goodbye">

        Goodby

想读更多 ->

JQuery笔记(上)

发布者: superzhang | 发布时间:2017-11-25

1.JQuery简介。

jQuery是一套跨浏览器的JavaScript库,简化HTML与JavaScript之间的操作。由John Resig在2006年1月的BarCamp NYC上发布第一个版本。目前是由 Dave Methvin 领导的开发团队进行开发。全球前10000个访问最高的网站中,有59%使用了jQuery,是目前最受欢迎的JavaScript库。简单来说就是一款免费且开放源代码的JavaScript代码库,类似的JavaScript代码库还有比如:jQuery、dojo、prototype、ExtJS。

2.JQuery特点。

动态特效

AJAX

通过插件来扩展

方便的工具 - 例如浏览器版本判断

渐进增强

链式调用

多浏览器支持,支持Internet Explorer6.0+、Opera9.0+、Firefox2+、Safari2.0+、Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持)。

3.JQuery中的选择器

在JQuery中,获得页面中元素的方式就称做选择器。

基本

层级

简单

内容

可见性

属性

想读更多 ->

jQuery 事件

发布者: superzhang | 发布时间:2017-11-25

jQuery 是为事件处理特别设计的。

什么是事件?

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

在元素上移动鼠标。

选取单选按钮

点击元素

在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

常见 DOM 事件:

鼠标事件键盘事件表单事件文档/窗口事件clickkeypresssubmitloaddblclickkeydownchangeresizemouseenterkeyupfocusscrollmouseleaveblurunload

jQuery 事件

jQuery 事件方法语法

在 jQuery 中,大多数 DOM 事件都有一个等效的 jQuery 方法。

页面中指定一个点击事件:

$("p").click();

下一步是定义什么时间触发事件。您可以通过一个事件函数

想读更多 ->

jQuery学习-----(一)JQuery的'$'符号用法

发布者: superzhang | 发布时间:2017-11-25

1.jQuery的三种$

1)$可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。

比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象--它选择了所有的<a/>这个标签。

eg:$("a").click(function{...}) :就是在点击页面上的任何一个链接时的触发事件。

alert($("div>p").html):表示弹出div下的一级节点标签为p的内容

$("<div><p>Hello</p></div>").appendTo("body"):表示$中的是一个字符串,用这样一段字串构建了jQuery对象,然后向<body/>中添加这一字串。

2)$可以是$(element),即一个特定的DOM元素。如常用的DOM对象有document、location、form等。

eg:$(document).find("div>p").html):表示$中的document是一个DOM元素,即在全文寻找带<p>的<div>元素,并显示<p>中的内容。

3)$可以是$(fun

想读更多 ->

「jQuery知识」jQuery之知识体系汇总

发布者: superzhang | 发布时间:2017-11-25

「jQuery知识」jQuery之知识体系汇总

jQuery基础知识一

http://blog.csdn.net/baihuaxiu123/article/details/52172533

jQuery之知识二-选择器

http://blog.csdn.net/baihuaxiu123/article/details/52177085

[jQuery知识]jQuery之知识三-过滤器

http://blog.csdn.net/BaiHuaXiu123/article/details/53495032

[jQuery知识]jQuery之知识四-DOM和CSS操作

http://blog.csdn.net/BaiHuaXiu123/article/details/53495314

[jQuery知识]jQuery之知识五-DOM节点操作

http://blog.csdn.net/BaiHuaXiu123/article/details/53495552

[jQuery知识]jQuery之知识六-表单操作

想读更多 ->

jQuery插件打造炫酷进度条

发布者: superzhang | 发布时间:2017-11-25

var vote_init_script = document.getElementById("vote_init_node");if(!vote_init_script){var _vote_init_script = document.createElement("script");_vote_init_script.id="vote_init_node";_vote_init_script.src="//s3.pstatp.com/site/pgc-fe-icon/mp_vote_file.js?1";document.getElementsByTagName("head")[0].appendChild(_vote_init_script);}

在平时的web前端开发过程中,为了增加用户体验,对于一些耗时的操作,开发者往往会在html页面中设置一个进度条,那么进度条的UI设置很大程度上影响用户体验,因为在等待时候是最容易浮躁的。下面小编就教大家利用jQuery插件,轻松打造一个高逼格的进度条。

jQuery插件打造炫酷进度条

先看效

想读更多 ->

jQuery 尺寸

发布者: superzhang | 发布时间:2017-11-25

通过 jQuery,很容易处理元素和浏览器窗口的尺寸。

jQuery 尺寸

jQuery 尺寸方法

jQuery 提供多个处理尺寸的重要方法:

width()

height()

innerWidth()

innerHeight()

outerWidth()

outerHeight()

jQuery 尺寸

jQuery 尺寸

jQuery 尺寸

jQuery width() 和

想读更多 ->

jQuery之事件对象

发布者: superzhang | 发布时间:2017-11-25

JavaScript 在事件处理函数中默认传递了 event 对象,也就是事件对象,这是一个非常重要的对象。但是由于浏览器的兼容性,并不是太好来使用它。但是,jQuery 在封装的时候,解决了许多兼容问题,并且它自己也开发了另外一些好用的属性和方法。

jQuery之事件对象

一.事件对象

事件对象就是 event 对象,通过处理函数默认传递接受。event 对象有很多可用的属性和方法,首先看一例子:

jQuery之事件对象

jQuery之事件对象

二. 冒泡和默认行为

如果

想读更多 ->