企业网站备案名称要求,书法网站模板下载,做网站需要的企业,wordpress调用分类产品jQuery的常用操作一、隐藏显示对象id为test的元素的display修改成了“none”#xff0c;即隐藏了id为test的元素#xff1a;$(#test).css(display,none)或$(#test).style.displaynone我们经常用到的是切换一个元素的隐藏与现实#xff0c;下面给出代码#xff… jQuery的常用操作一、隐藏显示对象 id为test的元素的display修改成了“none”即隐藏了id为test的元素$(#test).css(display,none)或$(#test).style.displaynone 我们经常用到的是切换一个元素的隐藏与现实下面给出代码var show $(#test).css(display);//获取id为test的元素的display的值$(#test).css(display,show block?none:show);//通过三目运算二、点击事件 - click() 方法$(button).click(function(){});三、操作元素的样式$(#msg).width(300); //将id为msg的元素的宽度设为300
$(#msg).height(300); //将id为msg的元素的高度设为300
$(#msg).css(background); //返回元素的背景颜色
$(#msg).css(background,#ccc) //设定元素背景为灰色
$(#msg).height(300); $(#msg).width(200); //设定宽高
$(#msg).css({ color: red, background: blue });//以名值对的形式设定样式
$(#msg).addClass(select); //为元素增加名称为select的class
$(#msg).removeClass(select); //删除元素名称为select的class
$(#msg).toggleClass(select); //如果存在不存在就删除添加名称为select的class四、操作元素的VALUE$(input).val(); //返回表单输入框的value值
$(input).val(test); //将表单输入框的value值设为test
$(input).val(); //将表单输入框的value清空五、集合处理功能 对于jquery返回的集合内容无需我们自己循环遍历并对每个对象分别做处理jquery已经为我们提供的很方便的方法进行集合的处理。 包括两种形式 $(p).each(function(i){this.style.color[#f00,#0f0,#00f][i]})
//为索引分别为012的p元素分别设定不同的字体颜色。
$(tr).each(function(i){this.style.backgroundColor[#ccc,#fff][i%2]})
//实现表格的隔行换色效果
$(p).click(function(){alert($(this).html())})//为每个p元素增加了click事件单击某个p元素则弹出其内容六、扩展我们需要的功能 扩展自己想要的功能如扩展输入两个参数获取它们的最大值和最小值$.extend({
min: function(a, b){return a b?a:b; },
max: function(a, b){return a b?a:b; }
}); //为jquery扩展了min,max两个方法 通过“$.方法名”调用
alert(a10,b20,max$.max(10,20),min$.min(10,20));七、支持方法的连写 所谓连写即可以对一个jquery对象连续调用各种不同的方法。 例如 $(#test).click(function(){alert($(this).html())})
.mouseover(function(){alert(mouse over event)})
.each(function(i){this.style.color[#f00,#0f0,#00f][i]});为元素id为test的添加三个方法分别是click()、mouseover()、each() 转载于:https://blog.51cto.com/lyhmm/1944476