Jquery笔记

基本事项

a.$(document).ready()一般理解成是页面加载完成执行的动作(实际上不是,是把文档解析成DOM树后才触发的).实际上是在基于document这个DOM元素构建而成的jQuery默认就是ready()方法,意思是自动执行,所以我们可以不写ready()方法,直接简写成$(function(){})

2.选择器

a.基本选择器#id

b.层级选择器  空格

c.基本过滤选择器  eq

d.内容过滤器:contains

e.属性选择器 [name=""]

f.子元素过滤器:nth-chlid(2)

g.表单选择器:select

h.表单对象属性过滤器:selected

3.DOM操作

a.创建元素$("<li title='111'>"111<img>")

b.插入节点$("h3").append("<b>我不喜欢玩游戏!</b>");

c.删除节点$("ol li").eq(1).remove();

d.复制节点$("h3").replaceWith("<b>我最讨厌哪个游戏?</b>")

f.包裹节点$("li").wrapAll("<b></b>")

4.事件

a.Click

b.Change

c.Trigger("change")

d.Mouseover Mouseout Mousemove

e.hover

f.Focus Blur

g.Keyup e.which e.pageY e.pageX

5.动画效果

a.基本动画

b.自定义动画

6.常用方法及属性

a.Each(function(){})

b.Attr prop removeAttr removerProp

c.toggleClass  addClass  removeClass

d.Siblings()

e.Find()

f.Eq()

g..trigger("change")===.change()

h.val()  text()  html()

i.window.onload 和 $(document).ready(function(){})区别

j.$(selector).is(":visible")

k.Stop()  

7.现象

a.冒泡行为event.stopPropagation();

b.默认行为event.preventDefault();

c.CSS未排队和排队

d.自定义单个动画和多重动画连续滑动问题  stop

8.属性

a.this.defaultValue

b.this.myTitle=this.title;

posted @ 2021-11-12 09:13  全世界都喜欢你  阅读(34)  评论(0)    收藏  举报