jquery

jquery
jquery入口函数
原生js window.onload

jquery: $(document).ready(function(){});

特点：也是会等待dom加载完毕后执行
jquery工厂函数
$()

jQuery()

原生：dom对象 只能用 dom的属性和方法

jquery中：提供了jquery对象(将dom对象，封装成jquery对象)，就可以使用jquery提供的属性和方法了

作用：

​ 工厂函数可以将dom对象转化成jquery对象

​ 还可以当做入口函数来使用，传一个回调函数 $(function(){})

​ 动态创建jquery对象

​ 工厂函数调用 参数传 css选择器 直接获取的就是jquery对象的元素

dom对象和jquery对象 之间的属性和方法是不能相互使用的

总结：jquery对象和dom对象之间的相互转换

​ dom转jquery

​ 直接将dom对象扔进工厂函数中

​ jquery转dom

• ​ jquery对象[0]
• ​ jquery对象.get(0)
  jquery 绑定事件
  jquery对象.事件名(回调函数)
  $(“button”).click(function(){
  //code
  })
  刷选方法
  .eq(n) 获取下标为n的元素 -->:eq(n)

.first() 获取第一个元素 -->:first

.last() 获取最后一个元素 -->:last

.filter(选择器) 过滤的意思 过滤条不符合条件的 元素

.is(“选择器”) 判断 判断某个元素 是否复合条件

​ $(“选择器”).is(":hidden") 判断一个元素是否隐藏

.has(选择器) 获取有指定后代的元素 --> :has()

.not(选择器) 排除复合条件的元素，得到其他的 -->:not()

.slice(starti,endi+1) 得到 元素集合的子集 含头不含尾

.children() 获取所有的子元素

.find(“选择器”) 从当前元素的后代元素中找到 复合条件的 后代元素

.next() 下一个兄弟

.prev() 上一个兄弟

.nextAll() 后面的所有的兄弟

.prevAll() 前面的所有的兄弟

.siblings() 所有的兄弟

.index() 一般用于 事件中 获取当前元素所在的下标（跟平辈兄弟中的下标）

.parent() 获取唯一的父元素

.parents([选择器]) 如果不传 获取所有的祖先元素 传 获取符合条件的祖先元素
:hidden选择器：匹配所有的隐藏元素 display:none 隐藏域 (input type=“hidden”)
.end()回到最近的一个"破坏性"操作之前。即，将匹配的元素列表变为前一次的状态。
jquery 类dom操作
创建一个元素

var div = $(“

我是div

”)

结果：就是jquery对象，可以使用jquery的属性和方法的、
插入

内部插入

• 父元素.append(子元素) 子元素 是jquery对象 作为最后一个子元素插入
• 子元素.apppendTo(父元素) 作为最后一个子元素插入
• 父元素.prepend(子元素) 作为第一个子元素插入
• 子元素.prependTo(父元素) 作为第一个子元素插入

外部插入

• b.insertAfter(a) 将b插入到a后面
• a.after(b) 将b插入到a后面
• b.insertBefore(a) 将b插入到a的前面
• a.before(b) 将b插入到a的前面
  删除一个元素

元素.remove()
empty() 清空所有的内容让当前元素变成 空的元素
复制元素

clone([true])
css()

• 元素.css(“样式名”,“样式值”)

• 元素.css({

  ​ 样式1:值1,

  ​ 样式2:值2

  });
  attr() 获取和设置元素的属性

设置：

​ 元素.attr(“属性名”,“属性值”)

获取

​ 元素.attr(“属性名”)