首 页 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 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 尾 页

jQuery的过滤

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

eq(index)

概述 :

获取第N个元素

first()

概述:

获取第一个元素

last()

概述 :

获取最后个元素

hasClass(class)

概述 :

检查当前的元素是否含有某个特定的类,如果有,则返回true

这其实就是 is("." + class)

jQuery的过滤

filter(expr)

概述 :

筛选出与指定表达式匹配的元素集合

这个方法用于缩小匹配的范围,用逗号分隔多个表达式

filter(fn)

概述 :

筛选出与指定函数返回值匹配的元素集合

这个函数内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留

jQuery 代码:

$("*").index($('#foobar')[0])

结果: 5

1.插件:

(1)jQuery.fn.extend(object)

扩展 jQuery 元素集来提供新的方法(通常用来制作插件)。

查看这里Plugins/Authoring可以获取更多信息。

返回值:jQuery

参数:object (Object) :用来扩充 jQuery 对象。

示例:增加两个插件方法。

jQuery 代码:

jQuery.fn.e

想读更多 ->

JQUERY的选择器

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

JQUERY的选择器

选择器的意义就是将众多html代码中准确的找出我们想找的单元。

接下来将常见的选择器以及作用列举出来。

基本选择器

$('#test1').css('background' , 'gray');

可以找到id = test1的单元。

$('p').css('background' , 'blue');

所有的P标签都会被选中。

$('.test2').css('background' , 'green');Class = test2的单元全部被选中。

$('*').css('background','pink');

*指的就是所有元素,慎用。12345678910111234567891011

层次选择器

$('div span').css('background' , 'orange');

div下的span将全部选中

<div><span>ww

想读更多 ->

利用jQuery实现文字动态向上滚动

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

其原理是利用定时器setInterval属性。

1、刚开始的效果

利用jQuery实现文字动态向上滚动

刚开始时,入场效果

2、两秒后的效果

利用jQuery实现文字动态向上滚动

经过2秒后的效果

jQuery核心代码:

<script>

function sc(a) {    

$(a).find(".de:first").animate({

marginTop: "-20px"

}, function() {

$(this).css({

marginT

想读更多 ->

jQuery 选择器

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

jQuery 选择器

jQuery 选择器

请使用我们的 jQuery 选择器检测器 来演示不同的选择器。

选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")class="intro" 的所有元素.class,.class$(".intro,.demo")class 为 "intro" 或 "demo" 的所有元素element$("p")所有 <p> 元素el1,el2,el3$("h1,div,p")所有 <h1>、<div> 和 <p> 元素:first$("p:first")第一个 <p> 元素:last$("p:last")最后一个 <p> 元素:even$("tr:even")所有偶数 <tr> 元素,索引值从 0 开始,第一个元素是偶数 (0),第二个元素是奇数 (1),以此类推。:odd$("tr:odd")所有奇数 <tr> 元素,

想读更多 ->

JQuery初学二笔记

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

$("P:first").text(); //返回第一个P标签的文字内容。

$("P:first").text("酱板鸭、麻辣藕"); //设置第一个P标签的文字内容。

alert($("#domian").text()) ; //返回ID为domain标签的内容。

alert($("#domian").html()); //返回ID为domain标签的HTML。

$("#domain").html("酱板鸭、麻辣藕"); //设置ID为domain标签的HTML内容。

$("P").append("七圆滴七扁滴"); //在P标签的内容之后加入“ 七圆滴七扁滴 ”。

$("P").prepend("七圆滴七扁滴"); //在P标签的内容之前加入“ 七圆滴七扁滴 ”。

$("P:last").appendTo("p:first"); //将最后一个P标签的内容移动到第一个P标签之后。

$("P:last").prependTo("p:first"); //将最后一个P标签的内容移动到第一个P标签之前。

$("P").wrapAll(""); //将所有P标签包括在之中。

$("ul").empty(); //将ul标签内的所有标签清空。

$("P

想读更多 ->

jQuery之表单选择器

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

表单的重要性不言而喻,前端到后台的交互很多地方都用到了表单,而jQuery提供了一些非常简单的方法获取表单元素对象

jQuery之表单选择器

一. 常规选择器

我们可以使用 id、 类(class)和元素名等一些常规选择器来获取表单字段, 如果是表单元素, 都必须含有 name属性。

jQuery之表单选择器

二. 表单选择器

虽然可以使用常规选择器来对表单的元素进行定位, 但有时还是不能满足开发者灵活多变的需求。所以,jQuery 为表单提供了专用的选择器。

jQuery之表单选择器

想读更多 ->

jquery初识

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

jquery是继Prototype之后之后又一个优秀的javascript库,是一个由John Resig创建于2006年1月的开源项目。

jquery初识

jquery

jquery初识

John Resig

jquery简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。其独特而又优雅的代码风格改变了javascript程序员的设计思路和编写程序的方式。

jquery的理念是写得少,做得多(write less,do more).jquery独特的选择器、链式操作、事件处理机制和封装完善的A

想读更多 ->

jquery选择器——1

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

一、HTML

<div id="div1">

<p>外层div中的p标签1</p>

<p class="two">外层div中的p标签2</p>

<p nb='nihai'>外层div中的p标签3 <span>p标签中的span标签</span></p>

<p nb='hello'>外层div中的p标签4</p>

<p style="display:none">外层div中的p标签5</p>

<p><span></span></p>

<p></p>

<p class="p66">外层div中的p标签6<span>p标签中的span</span></p>

<div>

<p class="p1">内层div中的平标签1</p>

<p>内层div中的平标签2</p>

<

想读更多 ->

jQuery 安装

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

网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

从 jquery.com 下载 jQuery 库

从 CDN 中载入 jQuery, 如从 Google 中加载 jQuery

jQuery 安装

下载 jQuery

有两个版本的 jQuery 可供下载:

Production version - 用于实际的网站中,已被精简和压缩。

Development version - 用于测试和开发(未压缩,是可读的代码)

以上两个版本都可以从 jquery.com 中下载。

jQuery 库是一个 JavaScript 文件,您可以使用 HTML 的 <script> 标签引用它:

<head><scriptsrc="jquery-1.10.2.min.js"></script></head>

提示: 将下载的文件放在网

想读更多 ->