javascipt——jQuery
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的更多相关文章
- jquery库和cityselect插 件的省市 级联
/*$(function(){ $("#select_provice").citySelect({ prov:"北京", nodata:"none&q ...
- javascipt的【函数表达式】
函数表达式 在编程时,我们可以看到不管是什么类库,jquery也好,zepto也好,都会用到大量的命名函数和匿名函数表达式,本节点就是为了弄懂为何会有这些函数表达式,以及在什么情况下会使用到这些表达式 ...
- jQuery第一篇 （帅哥）
同学心目中的jQuery: 简单易用,功能强大,对移动端来说,体积稍大. 1.1 回顾前面学到的js我们遇到的一些痛点 window.onload 事件有个事件覆盖的问题,我们只能写一个 代码容错 ...
- jQuery是什么？
jQuery就是javascript的一个库,把我们常用的一些功能进行了封装,方便我们来调用,提高我们的开发效率. 极大地简化了 JavaScript 编程. Javascipt跟jQuery的区别: ...
- 用jquery解析JSON数据的方法以及字符串转换成json的3种方法
用jquery解析JSON数据的方法,作为jquery异步请求的传输对象,jquery请求后返回的结果是 json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject ...
- Json 基于jQuery+JSON的省市联动效果
helloweba.com 作者:月光光 时间:2012-09-12 21:57 标签: jQuery JSON Ajax 省市联动 省市区联动下拉效果在WEB中应用非常广泛,尤其在一些 ...
- jquery eval解析JSON中的注意点介绍
在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式:使用eval()函数.使用Function对象来进行返回解析,下面有个示例,感兴趣的朋友可以参考下 在JS中将JSON的字符串解析 ...
- JQuery解析json数据
<script> var data ="{" + "root:[" + "{name:'1',value:'0'}," + &q ...
- 黄聪：基于jQuery+JSON的省市区三级地区联动
查看演示:http://www.helloweba.com/demo/cityselect/ 源码下载:http://files.cnblogs.com/files/huangcong/citysel ...
随机推荐
- JDBC——Statement执行SQL语句的对象
Statement该对象用于执行静态SQL语句并返回它产生的结果.表示所有的参数在生成SQL的时候都是拼接好的,容易产生SQL注入的问题 PreparedStatement对象是一个预编译的SQL语句 ...
- spring 切点表达式
spring切点表达式: 1.*通配符:该通配符主要用于匹配单个单词. 例如:execution(* com.bonnie.Controller.TestController.*()) 上述表达式表示 ...
- Eclipse导入工程Some projects cannot be imported because they already exist in the workspace
记录一下本次出错原因,以及解决方法 错误原因: 第一次导入后,删除工程,没有没有勾选Delete project contents on disk(cannot be undone) 解决方法: 1 ...
- Spring核心知识
目录 Spring 概述 依赖注入 Spring beans Spring注解 Spring数据访问 Spring面向切面编程(AOP) Spring MVC Spring 概述 1. 什么是spri ...
- POJ2456 Aggressive cows（二分）
链接:http://poj.org/problem?id=2456 题意:一个数轴上n个点,每个点一个整数值,有c个奶牛,要放在这些点的某几个上,求怎么放可以使任意两个奶牛间距离的最小值最大,求这个最 ...
- 208. 实现 Trie (前缀树)
主要是记录一下这个数据结构. 比如这个trie树,包含三个单词:sea,sells,she. 代码: class Trie { bool isWord; vector<Trie*> chi ...
- #! /usr/bin node 和#! /usr/bin/env node两者的区别
是Unix和Linux脚本语言的第一行,目的就是指出,你想要你的这个文件中的代码用什么可执行程序去运行它 !/usr/bin/node是告诉操作系统执行这个脚本的时候,调用/usr/bin下的node ...
- Ninject 2.x细说---2.绑定和作用域
Ninject 2.x细说---2.绑定和作用域 转载weixin_33725272 最后发布于2011-11-06 00:03:00 阅读数 9 收藏 Ninject中提供多种接口和实现类的绑 ...
- AcWing 3. 完全背包问题
朴素 #include<iostream> #include<algorithm> using namespace std ; ; int n,m; int v[N],w[N] ...
- rocketmq4.4配置日志路径等级
公司使用了最新的rocketmq框架,然后2天日志跑了快2个g.... 无奈网上只有4.2的教程...只好自己研究 环境rocketmq4.4 springboot 看源码找到配置日志等级和路径的地方 ...