JQuery教程
1、是javaScript库(js文件)
2、使用:script标签
3、语法:$开头 $().action() 列如:$(‘div’).css(“color”,’red’);
4、两个window.onload():后面一个onload会把上一个onload覆盖
5、$(document).ready(function(){
}); // $(funcition(){
简写形式
});
6、id选择器:$(‘id’); .html() —相当于innerHTML
类选择器:$(‘.class’).size(); _—得到类的长度 绑定事件:$(‘class’).clcik(fuction(){})
元素选择器:$(‘div’);
*选择器:$(‘.myClass,h1,.myClass p,span’) 得到元素
child:在给定父元素下面的所有子元素 $(“div > p”) 只选择p元素;
兄弟元素:$(“div>p:eq(0)+p”) 得到div下面的所有p元素的第一个元素的下一个元素‘+’:下一个元素 ‘~’:第一个元素的下面所有兄弟元素
找到第三个元素:$(‘li:first+li+li’);
找到上一个元素:expr
匹配奇数:$(‘tr:odd’);
tr:nth-of-type(2n){
} 偶数行的背景颜色
$(‘li:gt(0)’); :大于0的都改变 $(‘li:lt(5)’);:小于5都改变
Json:javaScript对象表示法
1、存储和交换文本信息的语法
2、创建一个json对象:var person={
键:值 列如:name:’张三’
City:{cityname:’成都’} 在对象里面保留一个对象
Pet:[{name:’猫’,color:’红色’},{name:’狗’}] 保留一个数组
};
3、取出json属性:person.name 对象名称.属性
Person.city.name
Person.pet[1].name
文档处理
创建一个元素:js :document.creatElement(‘p’);
Jquery : $(‘p’).append(‘<p>p元素之间的内容</p>’); 在P元素后面加一个p元素——默认添加在后面
Append:添加内容在后面 prepend:添加内容在前面
After:在节点后面添加元素 before:在节点前面添加元素
Wrap:在外面添加一个更大的元素,包裹起来
WrapAll:包裹所有的元素
Empty:删掉清除所有的子元素
JQuery教程的更多相关文章
- jQuery 教程
jQuery 教程 W3School H-ui前端框架 html标签
- Web 开发人员不能错过的 jQuery 教程和案例
jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能.这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuer ...
- 01-老马jQuery教程-jQuery入口函数及选择器
前言 这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟.视频都是免费,请参考课程地址:https://chuanke.baidu.com/s5508922.html ...
- [转载]javascript+ajax+jquery教程11--正则表达式
原文地址:javascript+ajax+jquery教程11--正则表达式作者:morflame 正则表达式可以: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个 ...
- jquery教程-Jquery 获取标签个数 size()函数用法
jquery教程-Jquery 获取标签个数 size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量. 语法 $(selector).size() jQuery ...
- 02-老马jQuery教程-jQuery事件处理
1. 绑定简单事件 在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉. jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟 ...
- 【转】jQuery教程
“jQuery风暴” 推荐及配套代码下载 ziqiu.zhang 2011-03-24 00:28 阅读:15339 评论:100 从零开始学习jQuery(剧场版) 你必须知道的javascri ...
- jQuery教程详解(一)
PS--了解JQuery Query是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架).jQuery设计的宗旨 ...
- javascript基础 之 jQuery教程
1,jQuery是js的一个库 基本功能: HTML元素获取和操作,html事件操作. css操作. js特效和动画 DOM遍历和修改 ajax Utilities 特性: js2以上的版本不支持ie ...
随机推荐
- 标准库函数atoi的实现
标准库函数atoi用于将字符串类型的数据转换为整形数据:在转换过程中要考虑空指针.空字符串"".正负号,溢出等情况 这里是将字符串str转换为32位整型,其正数的最值为0x7FFF ...
- Requests库上传文件时UnicodeDecodeError: 'ascii' codec can't decode byte错误解析
在使用Request上传文件的时候碰到如下错误提示: 2013-12-20 20:51:09,235 __main__ ERROR 'ascii' codec can't decode byte 0x ...
- DevExpress中GridView上的右键菜单
1. 先拖一个PopupMenu和BarManage控件,设置PopupMenu的Manager属性为BarManager. 2. 先选中GridView,不是GridControl,在属性窗口中,选 ...
- Spark往Elasticsearch读写数据
def main(args: Array[String]): Unit = { val sparkConf = new SparkConf().setAppName("DecisionTre ...
- Socket的三个功能类TCPClient、TCPListener 和 UDPClient (转)
应用程序可以通过 TCPClient.TCPListener 和 UDPClient 类使用传输控制协议 (TCP) 和用户数据文报协议 (UDP) 服务.这些协议类建立在 System.Net.So ...
- java环境
http://www.iyunv.com/thread-65867-1-1.html http://www.360doc.com/content/15/0525/19/21365845_4732029 ...
- php创建多级目录的两种方法
1.使用递归的思想 function mkdirs_2($path){ if(!is_dir($path)){ mkdirs_2(dirname($path)); if(!mkdir($path, 0 ...
- ORACLE 10G 闪回建议
Flashback Tips The following tips and restrictions apply to using flashback features. Flashback Tips ...
- 查看.NET Service Pack版本
原文地址:如何确定已安装的 Microsoft .NET Framework 版本和 Service Pack 级别 使用以下注册表信息确定已安装的 Microsoft .NET Framework ...
- jquery常用正则表达式
1.邮箱验证正则表达式:/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/ 2.手机验证正则表达式:/^ ...