jQuery
一、认识jQuery:
(1)jquery他是继prototype之后的优秀的js框架
(2)链式语法和多功能的接口
(3)兼容性强
(4)丰富的插件机制
(5)扩展了CSS的选择器
(6)写的更少完成更多write less do more
二、使用jQuery:
(1) 下载jquery文件
(2)在页面引入jquery文件
(3)测试 $("#id") --》就是jquery语法
三、页面加载事件:
(1)注册事件写法一:jquery元素.click(function(){})**
(2)注册事件写法二:jquery元素.on('click',function(){})
关闭事件: off('click')
(3)注册事件写法三:jquery元素.bind('click',function(){})
关闭事件: unbind*/
四、$等效于jQuery:
console.log($("#myDiv"));
console.log(jQuery("#myDiv"));
//为什么提供两种写法
console.log(window.$ === window.jQuery);
五、dom对象和jQuery对象互换
为什么需要把dom对象转换成jQuery对象?
转换成jQuery对象之后,才能调用jQuery里面的方法
方式:
$(dom对象)
为什么jQuery对象转换成Dom对象?
有时候想调用原生的属性或者方法 就需要把jQuery对象转换成Dom对象
jquery对象[0] --》取到dom元素
六、选择器
###1、什么是选择器:
选择器:通过它可以找到页面上面对应标签
2、常用选择器:
id选择器 – 特别多
$("#id")
class选择器
$(".className")
标签选择
$(tagName)
3、常用选择器比较级;行类>id>class>标签
4、 其他选择器
$("*") 所有元素选择器
$(“tagName1,tagName2”) 多元素选择器
$(‘tagName1 tagName2’) 祖先后代选器
$(“parent > child”) 父亲儿子
$("tag1 ~ tag2 ")
$(“tag1 + tag2”) 相邻选择器
$(“input[name=hobbies]”)属性选择器