Jquery的基本使用

1、使用jQuery一定要引入jQuery库

https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js
2、jQuery中的$是一个函数

dom对象转化为jquery对象：

1、先有dom对象。2、$(DOM对象)就可以转化为jQuery对象

jQuery对象转化为dom对象：

1、先有jQuery对象。2、jQuery对象[下标]取出相应的DOM对象

核心函数的四个作用：

传入参数为[函数]时:在文档加载完成后执行这个函数
传入参数为[HTML字符串]时:根据这个字符串创建元素节点对象
传入参数为[选择器字符串]时:根据这个字符串查找元素节点对象
传入参数为[DOM对象]时:期DOM对象包装为jQuery对象返回

选择type为checkbox，name为items的input标签：

attr()：
可以设置和获取属性的值，不推荐操作checked、readOnly、 selected、 disabled 等等
attr方法还可以操作非标准的属性。比如自定义属性: abc,bbj

prop()：
可以设置和获取属性的值,只推荐操作checked、readOnly、 selected、 disabled 等等

html() 
它可以设置和获取起始标签和结束标签中的内容。跟dom属性innerHTML一样。
text()
它可以设置和获取起始标签和结束标签中的文本。跟dom属性innerText一样。
val()
它可以设置和获取表单项的value属性值。跟dom属性value一样

jQuery、js 分别是在什么时候触发?
1. jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好DOM对象之后就会马上执行。T
2.原生js的页面加载完成之后,除了要等浏览器内核解析完标签创建好DOM对象,还要等标签显示时需要的内容加载完成。

他们执行的次数?
1.原生js的页面加载完成之后，只会执行最后一次的赋值函数。
2. jQuery 的页面加载完成之后是全部把注册的function函数，依次顺序全部执行。

事件的冒泡：

事件的冒泡是指，父子元素同时监听同一个事件。当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去
响应。

阻止事件冒泡：在事件函数体中，return false;

 

验证用户名的例子：

正则表达式。test（）方法来判断是否符合规则

原生js获取事件对象：

jQuery获取事件对象：

方法名中加event可以在控制台获取触发的事件信息的一个JavaScript对象