传智播客学习之Jquery基础
来源:互联网 发布:控制无人机的软件 编辑:程序博客网 时间:2024/05/16 13:49
一、jQuery对象
1. jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象,jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法。jQuery 对象无法使用 DOM 对象的任何方法, 同样 DOM 对象也不能使用 jQuery 里的任何方法约定
2. 如果获取的是 jQuery 对象, 那么要在变量前面加上 $.
二、jQuery对象和DOM对象的互相转化
1.
方法一:通过数组索引
方法二:使用 jQuery 中的 get(index) 方法
2. DOM对象转化为jQuery对象
对于一个 DOM 对象, 只需要用 $() 把 DOM 对象包装起来(jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象), 就可以获得一个 jQuery 对象.
三、Jquery选择器
1.基本选择器
1 #id:根据给定的id匹配一个元素 例如:id 为 one 的元素$("#one")
2) .class:根据给定的class(类名)属性匹配元素例如:例如:class 为 mini 的元素$(".mini")
3)
4)
5)
例如:所有的<span>元素和 id 为 two 的元素
2.层次选择器
1)$(“ancestor descendant”):选取ancestor的所有descendant后代元素
eg:选择 body 内的所有 div 元素
2)$(“parent>child”):选取parent元素下的child子元素
eg:在 body 内, 选择子元素是 div 的 $("body>div")
3)$(“prev+next”):选取紧接在prev元素后的下一个next元素
eg:选择 id 为 one 的下一个 div 元素 $("#one+div")
4)$(“prev~siblings”):选取prev元素后的所有sibings元素
eg:选择 id 为 two 的元素后面的所有 div 兄弟元素 $("#two~div")
注意:此方法只能获取prev后面的同辈元素,e儿siblings()方法是获取所有同辈节点
3.表单选择器
:input
:text
:radio
:password 匹配所有密码框
:checkbox匹配所有复选框
:submit匹配所有提交按钮
:image匹配所有图像域
:button匹配所有按钮
:file
:hidden匹配所有不可见元素,或者type为hidden的元素
- 传智播客学习之Jquery基础
- 传智播客学习之Jquery基础
- jquery学习之基础核心
- Jquery基础学习之-入门
- jquery基础学习之--选择器
- jquery基础学习之事件
- jquery基础之学习笔记
- jQuery学习笔记之jQuery基础核心
- jQuery学习笔记之八----基础事件
- jQuery基础学习之---cookie换肤
- jquery基础学习之动画效果
- javaee学习日记之java基础之jQuery
- jQuery基础之jQuery选择器
- 传智播客学习之JQuery选择器
- java 从零开始,学习笔记之基础入门<Jquery>(四十三)
- jQuery学习笔记之五----基础DOM和CSS操作
- jQuery基础学习笔记第一讲之函数触发
- jQuery学习笔记之选择器(继基础核心篇)
- android tcpdump使用
- Android在线官方文档——中英文
- VC GDI+双缓存绘图
- linux 按时间 移动 find mv 并进行分批打包
- A + B problem
- 传智播客学习之Jquery基础
- Ubuntu Eclipse C/C++
- [网络] 子网掩码的作用是什么?
- wireshark 只查看固定ip的判断条件
- Java汉字转拼音pinyin4j用法
- 百度地图SDK for Android【地图图层】
- mac 常用命令
- Reference vs Pointer
- Java 正则表达式学习总结和一些小例子