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 ...
随机推荐
- 如何使用cmd操作数据库
1.首先用win+r输入cmd打开命令工具 (https://www.mysqlzh.com/=>'mysql中文文档地址') 然后用cd 命令进入你mysql的根目录 (bin目录下) 输入命 ...
- python基础数据类型整理
一.数据类型 (一).小技巧 1.PyCharm:选中多行,按"Ctrl+/"可批量注释掉 (二).字符串 1.startswith(str,[,start][,end]) #判断 ...
- python面试的100题(13)
29.Given an array of integers 给定一个整数数组和一个目标值,找出数组中和为目标值的两个数.你可以假设每个输入只对应一种答案,且同样的元素不能被重复利用.示例:给定nums ...
- asp.net中正则表达式使用
一.限定符:限定符提供了一种简单方法,用于指定允许特定字符或字符集自身重复出现的次数.限定符始终引用限定符前(左边)的模式,通常是单个字符,除非使用括号创建模式组. (一)非显示限定符 1. *,描述 ...
- IIS7.5 HTTP 错误 500 调用loadlibraryex失败的解决方法
在IIS7.5打开网页的时候,提示: HTTP 错误 500.0 - Internal Server Error 调用 LoadLibraryEx 失败,在 ISAPI 筛选器 C:\Windows\ ...
- 12c的PDB创建DIRECTORY要注意与PATH_PREFIX的关系(ORA-65254)
在创建PDB过程中如果使用了带PATH_PREFIX的参数,意味着在创建DIRECTORY目录时需要指定相对路径,而不能指定其它绝对路径.来自博客园AskScuti 11g整库作为一个PDB迁移至阿里 ...
- 将图片中的一部分图片用ps进行旋转
先用选择工具选择你要进行变动的那部分图像,至于选择的方法有多种而且得看你的图片来决定采取何种选择方法.然后在英文输入状态下按下“CTRL+T”出现变换框,你将鼠标移动对角点上,当鼠标变为一种旋转的图标 ...
- codeblocks汉化
1.- 汉化包 腾讯微云 2.首先打开codeblocks安装文件夹,如:D:\CodeBlocks\share\CodeBlocks\locale\zh_CN,注意:zh_CN文件夹需自行创建 3. ...
- umi ui 构建时出现 spawn sh ENOENT 报错的解决方法
在使用umi可视化界面构建项目的时候,如果出现spawn sh ENOENT错误,一般都是由于环境变量里没有设置git的环境变量导致的.在环境变量的path里加上"C:\Program Fi ...
- 洛谷P1118 [USACO06FEB]数字三角形`Backward Digit Su`…
#include<iostream> using namespace std ; ; int y[N][N]; int n; int a[N]; bool st[N]; int sum; ...