1、现在的jQuery团队主要包括核心库、UI和插件等。
jQuery凭借着简洁的语法和跨平台的兼容性,极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。
2、JavaScript 库封装了很多预定义的对象和实用函数。
约定:如果获取的是 jQuery 对象, 那么要在变量前面加上 $。
3、编写一个简单的jQuery.html
<body> <input type="text" value="zhang" id="username" name="username" /> </body> <script type="text/javascript"> //DOM方式获取id="username"的value属性值 /* var username = document.getElementById("username").value; alert(username); */
//jQuery方式获取获取id="username"的value属性值 var $username = $("#username"); //document.getElementById("username") alert($username.val()); //value属性 </script>
4、DOM对象转成jQuery对象
<body> <input type="text" value="zhang" id="username" name="username" /> </body> <script type="text/javascript"> //DOM var username = document.getElementById("username"); //利用jQuery将DOM对象进行转换:$(DOM对象) var $username = $(username); alert($username.val()); </script>
5、jQuery对象转成DOM对象
<body> <input type="text" value="zhangxx" id="username" name="username" /> </body> <script type="text/javascript"> //jQuery var $username = $("#username"); //转换成DOM对象 //1 jQuery对象是一个数组对象 var username = $username[0]; alert(username.value); //2 jQuery提供了get(index)方法 var username = $username.get(0); alert(username.value); </script>