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教程的更多相关文章

  1. jQuery 教程

    jQuery 教程 W3School H-ui前端框架 html标签

  2. Web 开发人员不能错过的 jQuery 教程和案例

    jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能.这里分享一组 Web 开发人员不能错过的 jQuery 教程和案例,帮助你更好的掌握 jQuer ...

  3. 01-老马jQuery教程-jQuery入口函数及选择器

    前言 这套jQuery教程是老马专门为寒门子弟而录制,希望大家看到后能转发给更多的寒门子弟.视频都是免费,请参考课程地址:https://chuanke.baidu.com/s5508922.html ...

  4. [转载]javascript+ajax+jquery教程11--正则表达式

    原文地址:javascript+ajax+jquery教程11--正则表达式作者:morflame 正则表达式可以: 测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个 ...

  5. jquery教程-Jquery 获取标签个数 size()函数用法

    jquery教程-Jquery 获取标签个数 size()函数用法,size() 方法返回被 jQuery 选择器匹配的元素的数量. 语法 $(selector).size()     jQuery ...

  6. 02-老马jQuery教程-jQuery事件处理

    1. 绑定简单事件 在DOM中DOM0级绑定事件的方式是直接给事件属性赋值,但是这样有个缺点就是每次指定的事件处理程序会把之前的覆盖掉. jQuery简单绑定事件的方式,可以让我绑定多个事件处理程序跟 ...

  7. 【转】jQuery教程

    “jQuery风暴” 推荐及配套代码下载 ziqiu.zhang 2011-03-24 00:28 阅读:15339 评论:100   从零开始学习jQuery(剧场版) 你必须知道的javascri ...

  8. jQuery教程详解(一)

    PS--了解JQuery Query是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架).jQuery设计的宗旨 ...

  9. javascript基础 之 jQuery教程

    1,jQuery是js的一个库 基本功能: HTML元素获取和操作,html事件操作. css操作. js特效和动画 DOM遍历和修改 ajax Utilities 特性: js2以上的版本不支持ie ...

随机推荐

  1. 标准库函数atoi的实现

    标准库函数atoi用于将字符串类型的数据转换为整形数据:在转换过程中要考虑空指针.空字符串"".正负号,溢出等情况 这里是将字符串str转换为32位整型,其正数的最值为0x7FFF ...

  2. 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 ...

  3. DevExpress中GridView上的右键菜单

    1. 先拖一个PopupMenu和BarManage控件,设置PopupMenu的Manager属性为BarManager. 2. 先选中GridView,不是GridControl,在属性窗口中,选 ...

  4. Spark往Elasticsearch读写数据

    def main(args: Array[String]): Unit = { val sparkConf = new SparkConf().setAppName("DecisionTre ...

  5. Socket的三个功能类TCPClient、TCPListener 和 UDPClient (转)

    应用程序可以通过 TCPClient.TCPListener 和 UDPClient 类使用传输控制协议 (TCP) 和用户数据文报协议 (UDP) 服务.这些协议类建立在 System.Net.So ...

  6. java环境

    http://www.iyunv.com/thread-65867-1-1.html http://www.360doc.com/content/15/0525/19/21365845_4732029 ...

  7. php创建多级目录的两种方法

    1.使用递归的思想 function mkdirs_2($path){ if(!is_dir($path)){ mkdirs_2(dirname($path)); if(!mkdir($path, 0 ...

  8. ORACLE 10G 闪回建议

    Flashback Tips The following tips and restrictions apply to using flashback features. Flashback Tips ...

  9. 查看.NET Service Pack版本

    原文地址:如何确定已安装的 Microsoft .NET Framework 版本和 Service Pack 级别 使用以下注册表信息确定已安装的 Microsoft .NET Framework ...

  10. jquery常用正则表达式

    1.邮箱验证正则表达式:/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/ 2.手机验证正则表达式:/^ ...