JQuery

Posted 2020-10-03 痴道三

JQuery

　　　文档：http://jquery.cuishifeng.cn/

　　　1.x；2.x；3.x；  推荐1.12，兼容性更高

　　　分为js和js.min , min是压缩版的，上线时使用min

　　　模块（类库）

　　　DOM/BOM/javascript的类库

 

　　　在头文件加入：

　　　　<scritp src="jquery-1.12.4.js></script>

　　　但是一般放在尾部。

 

　　　调用jQuery：

　　　　　　1、jQuery.方法名

　　　　　　2、$.方法名

　　　　　　

　　一、查询元素

　　　　　　相互转换：

　　　　　　　　jquery对象[0] =>Dom对象

　　　　　　　　　　$(‘#i1‘)[0] = document.getElmentById(‘i1‘)

　　　　　　　　Dom对象 => $(Dom对象)

　　　　　　选择器-直接找到某个或者某类标签

　　　　　　　　1、id

　　　　　　　　　　　　$(‘#id‘)

　　　　　　　　2、class　

　　　　　　　　　　　　$(‘.c1‘)

　　　　　　　　3、标签

　　　　　　　　　　　　$(‘a‘)  -找到所有a标签

　　　　　　　　4、组合

　　　　　　　　　　　　$(‘a,.c2.#i1‘)

　　　　　　　　5、层级

　　　　　　　　　　$(‘#i10 a‘)     -id = i10 下 所有的a标签，子子孙孙

　　　　　　　　　　$(‘#i10>a‘)　　　-只找儿子

　　　　　　　　6、属性

　　　　　　　　　　$(‘[属性名]‘)

　　　　　　　　　　$(‘[属性名="属性内容"]‘)

　　　　　　　　　　$(‘input[type="text"]‘)      = 　$(‘:text‘)

　　　　　　筛选

　　　　　　　　$(‘a:first‘)

　　　　　　　　$(‘a:eq(0)‘)　　-索引  （从0开始)

　　　　　　　　

　　　　　　三元运算 

　　　　　　　　var v = 条件? 真值：假值

　　　　　　　　

 

　　二、操作元素

 

----->实例：

　　　　　　1、多选，反选，全选

　　　　　　　　-选择器

　　　　　　　　-

　　　　　　　　　　$(‘#tb:checkbox‘).prop(‘checked‘);　　　　获取值

　　　　　　　　　　$(‘#tb:checkbox‘).prop(‘checked‘,ture);　　　　设置值

　　　　　　　　-

　　　　　　　　　　jQuery方法内置循环：$(‘#tb:checkbox‘).方法

　　　　　　　　-

　　　　　　　　　　$(‘#tb:checkbox‘)each(function(k){

　　　　　　　　　　　　　　　　//k 当前索引

　　　　　　　　　　　　　　　　//this， Dom，当前循环对象

　　　　　　　　　　　　　　　　})