JQuery基础

它是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()dominputcheckbox().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 });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值