1、首先需要导入jQuery1.12.4.js文件，把文件和当前目录放同一目录下。在<body>中写上<script scr = 'jQuery1.12.4.js'><script/>,然后调用jQuery或者‘$’这两个是等价的，jQuery('id')<==>$('id');

2、Jquery和DOM之间的转换，jQuery==>DOM，jQuery $(‘id’)[0]则转化为DOM和document.getElementById('id')是等价的；

　　　　　　　　　　　　　　DOM==>jQuery，tar = document.getElementById('id'); $(tar)则表示转化为jQuery;

3、查找

　　　　1）id查找

　　　　　　　　$('#i1')查找id=‘i’的标签

　　　　2）class查找

　　　　　　　　$('.c1')表示查找class=‘c1’的标签

　　　　3）混合查找

　　　　　　　　$('#i1,.c1')表示查找id='i1'和class='c1'的所有标签；

　　　　4）层级标签

　　　　　　　　$('.c1 a')表示查找class='c1'下边所有的“a”标签，包括子子孙孙；

　　　　　　　　$('.c1>a')表示查找class='c1'这一级标签内部的标签，只找他的儿子。

　　　　　　　　$('.c1>a：first')表示查找class='c1'这一级标签内部的标签，只找他的儿子，而且找到他的儿子；

　　　　　　　　$('.c1 a：eq(0)')表示查找class='c1'这一级标签内部的标签，找到索引为0的标签；

　　　　5）属性查找

　　　　　　　　$('[属性名=“属性值”]')当属性值为空时，表示表示查找所有这个属性的标签，当属性有值时，表示查找当前属性和属性值完全匹配的标签；

　　　　6）表单查找

　　　　　　　　$(':text')表示input标签中text格式的标签；

4、jQuery实现的全选、反选、取消

　　　　PS:$(this).prop('checked')，此时为得到$(this).prop('checked')的值；当$(this).prop('checked'，true)表示将表达式$(this).prop('checked')赋值为true;

　　　　当在jQuery中需要循环时可以直接用each()做循环。其中的this表示当前的循环的对象；

5、三元运算

　　　　语法为： var v = 条件？参数1：参数2；当条件成立时，将参数1的值赋值给变量V，当条件不成立时，将参数2的值赋值给变量V;

6、筛选器

1）　　$('#id').next()当前对象的下一个；

　　　　$('#id').prev()当前对象的上一个；

　　　　$('#id').parent()当前对象的父标签；

　　　　$('#id').chilidren()当前对象的孩子标签；

　　　　$('#id').sibliings()当前对象的兄弟表标签；

　　　　$('#id').find('#id')当前对象内寻找指定的id；

2）$('#id').addClass()为当前标签添加指定的样式；

　　$('#id').removeClass()为当前标签删除指定的样式；

3）jQuery支持链式编程；

4）添加事件：$('.c1').click(function(){xxxxx})；为所有有c1类的标签添加click事件；

7、jQuery练习

javascipt——jQuery的更多相关文章

  1. jquery库和cityselect插 件的省市 级联

    /*$(function(){ $("#select_provice").citySelect({ prov:"北京", nodata:"none&q ...

  2. javascipt的【函数表达式】

    函数表达式 在编程时,我们可以看到不管是什么类库,jquery也好,zepto也好,都会用到大量的命名函数和匿名函数表达式,本节点就是为了弄懂为何会有这些函数表达式,以及在什么情况下会使用到这些表达式 ...

  3. jQuery第一篇 （帅哥）

      同学心目中的jQuery: 简单易用,功能强大,对移动端来说,体积稍大. 1.1 回顾前面学到的js我们遇到的一些痛点 window.onload 事件有个事件覆盖的问题,我们只能写一个 代码容错 ...

  4. jQuery是什么？

    jQuery就是javascript的一个库,把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率. 极大地简化了 JavaScript 编程. Javascipt跟jQuery的区别: ...

  5. 用jquery解析JSON数据的方法以及字符串转换成json的3种方法

    用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...

  6. Json 基于jQuery+JSON的省市联动效果

    helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery  JSON  Ajax  省市联动     省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...

  7. jquery eval解析JSON中的注意点介绍

    在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:使用eval()函数.使用Function对象来进行返回解析,下面有个示例,感兴趣的朋友可以参考下   在JS中将JSON的字符串解析 ...

  8. JQuery解析json数据

    <script> var data ="{" + "root:[" + "{name:'1',value:'0'}," + &q ...

  9. 黄聪：基于jQuery+JSON的省市区三级地区联动

    查看演示:http://www.helloweba.com/demo/cityselect/ 源码下载:http://files.cnblogs.com/files/huangcong/citysel ...

随机推荐

  1. 添加Usb3.0驱动到win7/8/10的usb安装光盘

    文章中所有需要使用到的软件和资源在文章末尾的网盘连接中有下载 Run the DISM GUI Tool Right-click on DISM GUI.exe and select Run as A ...

  2. 松软科技课堂:jQuery 事件函数

    jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数. 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法.术语由事件“触发”(或“激发”)经常会被使用. 通常会 ...

  3. 题解【洛谷P5958】[POI2017]Sabotaż

    题面 考虑树形 \(\text{DP}\). 设 \(dp_i\) 为使 \(i\) 变成叛徒的最大值,同时 \(dp_i\) 也是使 \(i\) 不变成叛徒的最小值. 然后考虑如何转移状态. 如果 ...

  4. 题解【洛谷P3574】[POI2014]FAR-FarmCraft

    题面 简化版题意: 有一棵 \(n\) 个点的树,有边权. 你初始在 \(1\) 号节点,你需要走遍整棵树为 \(2 \sim n\) 号点的居民分发电脑,但你的汽油只够经过每条边恰好两次. 一个居民 ...

  5. 2019牛客多校第五场C generator 2 hash,bsgs模板

    generator 2 题意 给出\(x_0,a,b,p\),有方程\(x_i\equiv (a*x_{i-1}+b)(\% p)\),求最小的i,使得\(x_i=v\),不存在输出-1 分析 经过公 ...

  6. pytest学习4-fixtures

    源码注释: def fixture(scope="function", params=None, autouse=False, ids=None, name=None): &quo ...

  7. （转）java垃圾回收一

    转自:http://jianfulove.iteye.com/blog/1833768 一切都进入了自动化了,但是对于各种内存溢出,内存泄漏问题的出现,我们还是很有必要学习GC的.地球人都知道,Jav ...

  8. checkstyle配置规格说明

    参考文献:https://blog.csdn.net/yang1982_0907/article/details/18086693?utm_source=blogxgwz1 https://blog. ...

  9. Codeforces Round #609 (Div. 2) A-E简要题解

    contest链接:https://codeforces.com/contest/1269 A. Equation 题意:输入一个整数,找到一个a,一个b,使得a-b=n,切a,b都是合数 思路:合数 ...

  10. Web API入参，响应规范

    入参绑定 入参应该定义成实体,而不是多个参数,方便扩展.[FromBody]和[FromUrl]特性也最好加上. public ActionResult<Pet> Create([From ...