jQuery入门一

最新推荐文章于 2024-08-09 02:16:38 发布

Dear__Liu

最新推荐文章于 2024-08-09 02:16:38 发布

阅读量116

点赞数

分类专栏：总结文章标签： jQuery入门一

本文链接：https://blog.csdn.net/dear__liu/article/details/96191650

版权

总结专栏收录该内容

8 篇文章 0 订阅

订阅专栏

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]”)属性选择器