jquery基本操作
一、页面加载
第一种:
$(function(){
});
第二种
$(document).ready(function(){
});
取值:
表单元素:$(选择器).val();
非表单元素:$(选择器).text()/html();
注意:获取到元素对象时,循环时要注意:console.log($(变量[i]).val());来获取
设置值:
表单元素:$(选择器).val(‘值’);
非表单元素:$(选择器).text()/html(‘值’);
标签显示隐藏:
隐藏:$().hide();
显示:$().show();
层次选择器:
$(s1 s2) [父子]:获取s1下的所有s2
$(s1 > s2) [父子]:获取s1第一层下的s2
$(s1 + s2) [兄弟]:获取s1后的第一个s2
$(s1 ~ s2) [兄弟]:获取s1后的所有s2
属性操作:
$().attr(属性名称); //获得属性信息值
$().attr(属性名称,值); //设置属性的信息
$().removeAttr(属性名称); //删除属性
$().attr(json对象); //同时为多个属性设置信息值,json对象的键值对就是名称和值
$().attr(属性名称,fn); //通过fn函数执行的return返回值对属性进行赋值
class属性值操作:
$().addClass(值); //给class属性追加信息值
$().removeClass(值); //删除class属性中的某个信息值
$().toggleClass(值); //开关效果,有就删除,没有就添加
css操作:
$().css(name,value); //设置
$().css(name); //获取
$().css(json对象); //同时修改多个css样式