“$”等同于“jQuery”
$(document).ready()等同于jQuery(document).ready()
$(function(){…})等同于jQuery (function(){…})
jQuery对象转DOM对象
such as:
attr
一个参数的话,是取获取标签的参数的值,
两个参数,是去给标签的属性设置值。such as:
<input type="password" id="pwd" /><i id="eye" class="fa fa-eye-slash" aria-hidden="true" ></i>
//对应jquery操作
$('#eye').click(function(){
var eyeclass=$(this).attr('class');//获取图标的class值。attr一个参数
//判断class的值
if(eyeclass=='fa fa-eye-slash'){
//将密码框改为文本框
$('#pwd').attr('type','text');
$('#eye').attr('class','fa fa-eye');//去设置图标的值
}else{
$('#pwd').attr('type','password');//将文本框变为密码框
$('#eye').attr('class','fa fa-eye-slash');//图标变为看不见的图标
}
})
jquery中一些常见方法
因为选中元素的时候有可能一个,有可能多个!!
next() :选中元素的下一个标签
addClass() 添加一个类样式
removeClass() 移除一个类样式
siblilngs() 除了自己的所有选中元素
eq(x) 选中的元素中的值等于(x),相当于做一次判断,过滤选中的一些元素
fadeIn()渐变显示
hide()隐藏
gt(index)选中除了前index个元素的剩下元素,例如gt(2),选中除了第一个和第二个之后的所有元素
slideToggle() 在所有
元素上进行 slideUp() 和 slideDown() 之间的切换
setInterval
setInterval() 方法会不停地调用函数,直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。