1.什么是核心函数?
事实上,$()
就是核心函数
2.核心函数可以接收哪些值?
- 接收一个函数(入口函数)
- 接收一个字符串
- 接收一个选择器
- 接收一个代码片段
- 接收一个 DOM 元素
接收 DOM 元素时,会将 DOM 元素转为 jQuery 对象
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
| <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery核心函数</title> <style> * { margin: 0; padding: 0; }
div { width: 100px; height: 100px; border: 1px solid black; } </style> <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"> </script>
<script>
$(function (ev) { alert("HelloWorld");
var $div_1 = $("#div_1"); var $div_2 = $(".div_2"); console.log($div_1); console.log($div_2);
var $p = $("<p>这是一个代码片段</p>"); console.log($p); $div_1.append($p);
var span = document.getElementsByTagName("span")[0]; console.log(span); $span = $(span); console.log($span); }) </script>
</head>
<body> <div id="div_1"></div> <div class="div_2"></div> <span>这是一个 span 元素</span> </body> </html>
|
3.什么是 jQuery对象?
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
| <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery对象</title> <script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"> </script> <script> $(function (ev) {
var $div = $("div"); console.log($div); }); </script> </head> <body> <div>div1</div> <div>div2</div> <div>div3</div> </body> </html>
|