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

jquery基础知识点

jquery课件资料(专业1篇)

jquery上:

1,各种选择器$(#id)$(.class)$(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

属**作

$().attr(name)

$().attr(name,value)

$().removeattr(name)

$().attr(json对象)

$().attr(name,function)

快捷*作

1,class属*值

$().addclass()

$().removeclass()

$().toggleclass()

2,标签包含内容

$().html(内容)

$().text(内容)

3,css样式*作

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

$().css(name,value)

$().css(json对象)

4,val()*作value对象

$().val(内容)

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

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

复选框选中

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

$().attr(‘checked’)

jquery下:

$符号由来

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

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

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

转换:

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

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

jquery框架对象分析

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

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

可以调用成员:

实例化jquery对象:$(‘p’)>newjquery.fn.init()

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

②jquery.fn的成员

③jquery.fn.extend()复制继承的成员

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

each遍历方法

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

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

this代表每个li的dom对象

});

加载事件、与传统不同

加载事件的三种形式:

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

$().ready(function(){});

$(function(){});

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

①设置个数

②执行时机

jquery加载事件原理:

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

jquery简单事件设置

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

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

文档*作

节点追加:

父子关系:append()prepend()appendto()prependto()

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

替换:replacewith()被动replaceall()主动

删除:$(父节点).empty()$(匹配节点).remove()

复制:$(节点).clone(true/false)

属*选择器

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

[name][name!=value][name*=value][][][][]