1
- <!doctype html>
2
- < html >
3
- < head >
4
- < meta http-equiv ="Content-type " content ="text/html; charset=utf-8 "/>
5
- < title > 层级选择器</ title >
6
-
7
- <!-- // <script src="../src/jquery-2.1.1.js"></script> -->
8
- < script src ="../src/core.js "> </ script >
9
- < script src ="../src/sizzle.js "> </ script >
10
- < script src ="../src/other.js "> </ script >
11
- < style type ="text/css ">
12
- ul .topnav > li {
13
- border : 1px solid
14
- }
15
- </ style >
16
- </ head >
17
- < body >
18
-
19
- < div id ="clickme ">
20
- < div class ="aaron "> </ div >
21
- Click here
22
- </ div >
23
- < img id ="book " src ="http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png " alt ="" width ="100 " height ="123 "
24
- style ="position: relative; left: 10px; " />
25
-
26
-
27
- < div > </ div >
28
- < div > </ div >
29
- < div > </ div >
30
- < div > </ div >
31
-
32
- < script type ="text/javascript ">
33
-
34
- var ajQuery = function ( selector ) {
35
- //强制为对象
36
- if ( ! ( this instanceof ajQuery ) ) {
37
- return new ajQuery ( selector ) ;
38
- }
39
- var elem = document . getElementById ( selector ) ;
40
- this . length = 1 ;
41
- this [ 0 ] = elem ;
42
- this . context = document ;
43
- this . selector = selector ;
44
- return this ;
45
- }
46
-
47
- console . log (
48
- $ ( '#book' )
49
- )
50
- console . log (
51
- ajQuery ( "#book" )
52
- )
53
-
54
-
55
- $ ( '#clickme' ) . click ( function ( ) {
56
- var book = $ ( '#book' )
57
- book . animate ( {
58
- opacity : 0.25 ,
59
- left : '+=50' ,
60
- height : 'toggle'
61
- } , 5000 , function ( ) {
62
- console . log ( 11 )
63
- // Animation complete.
64
- } ) ;
65
- } ) ;
66
-
67
-
68
- </ script >
69
-
70
- </ body >
1
+ <!doctype html>
2
+ < html >
3
+ < head >
4
+ < meta http-equiv ="Content-type " content ="text/html; charset=utf-8 "/>
5
+ < title > 层级选择器</ title >
6
+
7
+ <!-- // <script src="../src/jquery-2.1.1.js"></script> -->
8
+ < script src ="../src/core.js "> </ script >
9
+ < script src ="../src/sizzle.js "> </ script >
10
+ < script src ="../src/other.js "> </ script >
11
+ < style type ="text/css ">
12
+ ul .topnav > li {
13
+ border : 1px solid
14
+ }
15
+ </ style >
16
+ </ head >
17
+ < body >
18
+
19
+ < div id ="clickme ">
20
+ < div class ="aaron "> </ div >
21
+ Click here
22
+ </ div >
23
+ < img id ="book " src ="http://mat1.gtimg.com/www/images/qq2012/qqlogo_1x.png " alt ="" width ="100 " height ="123 "
24
+ style ="position: relative; left: 10px; " />
25
+
26
+
27
+ < div > </ div >
28
+ < div > </ div >
29
+ < div > </ div >
30
+ < div > </ div >
31
+
32
+ < script type ="text/javascript ">
33
+
34
+ var ajQuery = function ( selector ) {
35
+ //强制为对象
36
+ if ( ! ( this instanceof ajQuery ) ) {
37
+ return new ajQuery ( selector ) ;
38
+ }
39
+ var elem = document . getElementById ( selector ) ;
40
+ this . length = 1 ;
41
+ this [ 0 ] = elem ;
42
+ this . context = document ;
43
+ this . selector = selector ;
44
+ return this ;
45
+ }
46
+
47
+ console . log (
48
+ $ ( '#book' )
49
+ )
50
+ console . log (
51
+ ajQuery ( "#book" )
52
+ )
53
+
54
+
55
+ $ ( '#clickme' ) . click ( function ( ) {
56
+ var book = $ ( '#book' )
57
+ book . animate ( {
58
+ opacity : 0.25 ,
59
+ left : '+=50' ,
60
+ height : 'toggle'
61
+ } , 5000 , function ( ) {
62
+ console . log ( 11 )
63
+ // Animation complete.
64
+ } ) ;
65
+ } ) ;
66
+
67
+
68
+ </ script >
69
+
70
+ </ body >
71
71
</ html >
0 commit comments