它是js的一个框架,它是开源的项目。对底层的js进行封装,我们通过js框架就可以快速的完成DOM
对元素的增删改查操作,并提供了动画功能。jquery对外提供api让开发者去开发jquery
插件(就是一个功能模块,用户只要做一些简单的配置就完成复杂的功能)。jquery目前
是比较流行的一个JQuery框架。
jQuery 是一个 JavaScript 库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 很容易学习
作"(actions)
1 $(selector).action();
2 //或者:
3 jQuery(selector).action();
语法
美元符号定义 jQuery
选择符(selector)“查询"和"查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery 和 $ 是JQuery的变量;在后续代码的变量命名中不要使用这两个名
称,也不要给这两个变量赋值!!如果覆盖JQuery可能失效
注意:
所有 jQuery 函数位于一个 document的ready事件的回调函数中
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后
才可以对 DOM 进行操作。如果在文档没有完全加载之前就运行函数,操作可能失
败。
1 $(document).ready(function(){
2 // 开始写 jQuery / JavaScript 代码…
3 });
简洁写法(与以上写法效果相同):1 $(function(){
2 // 开始写 jQuery / JavaScript 代码…
3 });
属性
属性 attr() 设置或返回被选元素的属性值。
removeAttr() 从每一个匹配的元素中删除一个属性
prop()1.6+ 获取在匹配的元素集中的第一个元素的属性值。
removeProp()1.6+ 用来删除由.prop()方法设置的属性集
CSS
addClass() 为每个匹配的元素添加指定的类名。
类
removeClass() 从所有匹配的元素中删除全部或者指定的类。
toggleClass() 如果存在(不存在)就删除(添加)一个类。
HTML 取得第一个匹配元素的html内容。这个函数不能用于XML文档。 html()
代码 但可以用于XHTML文档。
文本 text() 设置/取得所有匹配元素的内容。
值 val() 设置/获得匹配元素的当前值。
常用的工具
(
)
.
e
a
c
h
(
)
在
d
o
m
处
理
上
面
用
的
较
多
。
如
果
页
面
有
多
个
i
n
p
u
t
标
签
类
型
为
c
h
e
c
k
b
o
x
,
用
().each() 在dom处理上面用的较多。如果页面有多个input标签类型为checkbox, 用
().each()在dom处理上面用的较多。如果页面有多个input标签类型为checkbox,用().each来处理多个checkbook,例如:
1 KaTeX parse error: Expected '}', got 'EOF' at end of input: …n (i) { 2 if ((this).prop(‘checked’) == true) {
3 //一些操作代码
4 console.log($(this).val());
5 }
6 });
$.each()是循环遍历对象,数组和类似数组的对象的泛型迭代器函数。
普通对象通过它们的命名属性进行迭代,而数组和类似数组的对象通过它们的索引进
行迭代。
$.each()本质上是一个传统for或forin循环的直接替换。
数组1 var arr = [1, 2, 3, 4, 5];
2 $.each(arr, function (index, value) {
3 console.log(“arr index:”+index+“的值是”+value);
4 });
对象
1 var obj = {
2 foo: 1,
3 bar: 2
4 }
5 $.each(obj, function (key, value) {
6 console.log(“obj key:” + key + “的值是” + value);
7 });
JQuery基础
最新推荐文章于 2021-08-27 20:00:31 发布