当前位置

首页 > 语文教学 > 语文教案 > 教学课件 > jquery课件资料

jquery课件资料

推荐人: 来源: 博学咖 阅读: 2.82W 次

jQuery本身只有一个js文件,所以,要使用它,就和使用其它的js文件一样,直接将它引入就可以使用了,下面是小编为大家收集整理的相关内容,欢迎阅读。

jquery课件资料

Jquery基础知识

JQuery上:

1,各种选择器 $(#id) $(s) $(tag标签) $(*) $(s1,s2,s3)

2,层次选择器 $(s1,s2) $(s1>s2) $(s1+s2) $(s1~s2)

3,并且选择器

:first :last :eq(索引值) :li(索引值) :even :odd $(s1s2s3s4..)

4,内容过滤选择器

:contains(text) :empty :has(选择器) :parent

5,表单域选中选择器

复选框 单选框 :checked

下拉框 :selected

属性操作

$()(name)

$()(name,value)

$()veAttr(name)

$()(json对象)

$()(name,function)

快捷操作

1,class属性值

$()lass()

$()veClass()

$()leClass()

2,标签包含内容

$()(内容)

$()(内容)

3,css样式操作

$()(name) 行内,内部,外部 样式都可以获取

$()(name,value)

$()(json对象)

4,val()操作value对象

$()(内容)

$(复选框/下拉列表/单选按钮)([元素,元素,元素])设置选中情况

$(下拉列表/单选按钮)() 选中项目中的value值

复选框选中

$()(‘checked’,true/false)

$()(‘checked’)

JQuery下:

$符号由来

$符号是函数名字,还可以使用jQuery

jquery对象和dom对象的关系、转化

dom对象 是 jquery对象的数组组成部分

转换:

jquery对象--》dom对象: $()[下标]

dom对象--》jquery对象: $(dom对象)

jQuery框架对象分析

两种对象:jquery对象(各种选择器创建出来的)、$函数对象

jquery对象可以调用成员:css()/addClass()/html()/text()/attr()等等

可以调用成员:

实例化 jquery对象: $(‘div’)-----> new ()

① init构造函数内部成员(length、selector)

② 的成员

③ nd()复制继承的成员

$函数对象 调用的成员都是extend()复制继承过来的

each遍历方法

$(数组/对象, funciton(下标/成员名称 变量,(元素/成员)值变量){});

$(‘li’)(function(每个dom对象的下标变量,每个dom对象变量){

this代表每个li的`dom对象

});

加载事件、与传统不同

加载事件的三种形式:

$(document)y(function(){});

$()y(function(){});

$(function(){});

加载事件(jquery与传统的区别):

① 设置个数

② 执行时机

jquery加载事件原理:

对DOMContentLoaded事件的封装(非onload)。

jquery简单事件设置

$().事件类型(处理函数); //设置事件

$().事件类型(); //触发事件执行

文档操作

节点追加:

父子关系:append() prepend() appendTo() prependTo()

兄弟关系:after() before() After() Before()

替换:replaceWith()被动 replaceAll()主动

删除:$(父节点)y() $(匹配节点)ve()

复制: $(节点)e(true/false)

属性选择器

[name] [name=value] [name^=value] [name$=value]