jQuery简单好用的JavaScript代码库略解使用

为什么使用jQuery ?

原生使用JavaScript编码存在问题
1选择器功能弱
2 DOM操作繁琐之极
3浏览器兼容性不好
4动画功能弱
jQuery的优点
1强大的选择器
2出色的DOM封装
3出色的浏览器兼容性
4强大的动画功能
5体积小，压缩后只有100KB左右
6可靠的事件处理机制
7使用隐式迭代简化编程
8丰富的插件支持

什么是jQuery?

目前最流行的JavaScript函数库之一，对JavaScript进行了封装。并不是一门新语言。将常用的、复杂的操作进行函数化封装，直接调用，大大降低了使用JavaScript的难度，改变了使用JavaScript的习惯。jQuery能做的JavaScript也能做，但使用jQuery能大幅提高开发效率

层级选择器

位置选择器

针对上级标签而言的位置选择器
:first-child 匹配第一个子元素
:last-child匹配最后一个子元素
:only-child如果某个元素是父元素中唯一的子元素，将会被匹配
:nth-child(n) :nth-child(odd|even) :nth-child(xn+y) 匹配其父元素下的第N个子或奇偶元素
注意：nth-child()选择器编号是从
始，而其他选择器从0开始

属性选择器

表单选择器

关于表单项的选择器
:text :password :radio :checkbox :hidden :file :submit
:input 匹配所有 input, textarea, select 和 button 元素

关于表单项状态的选择器
:selected :checked :enabled :disabled :hidden :visible

注意$("input")和$(":input")的区别
$("input")：标签选择器，只匹配input标签,$(":input")： 匹配所有 input, textarea, select 和 button 元素

jQuery完成DOM编程

jQuery操作属性和样式

jQuery操作事件

单机事件


执行一次事件

动画效果


js和jq对象转换


验证码的产生：

正则

获得其他项的验证