jQuery判断数组是否包含了指定的元素
投稿：hebedich
字体：[ ] 类型：转载 时间：
这篇文章主要介绍了jQuery判断数组是否包含了指定的元素的方法,需要的朋友可以参考下
要判断数组中是否包含某个元素,从原理来来说,就是遍历整个数组,然后判断是否相等,
var arr = [ "xml", "html", "css", "js" ];
$.inArray("js", arr);& //返回 3,
如果不包含在数组中,则返回 -1;
以上就是本文的全部内容了，有需要的小伙伴参考下吧
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具当前位置:& >
> JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
一、判断文本是否为空
var jqObj = $(this);&
if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。&
jqObj.hide();&
二、判断这个标签下是否有某个已知的元素，比如判断ul标签下是否有li元素
var jqObj = $(this);&
if(jqObj.has('li').length & 0){&
jqObj.hide();&jQuery 教程
jQuery - 获取并设置 CSS 类
通过 jQuery，可以很容易地对 CSS 元素进行操作。 切换 CSS 类
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些：
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
实例样式表
下面的样式表将用于本页的所有例子：
.important
font-weight:
font-size:xx-
jQuery addClass() 方法
下面的例子展示如何向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素：
$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
您也可以在 addClass() 方法中规定多个类：
$("button").click(function(){
$("#div1").addClass("important blue");
jQuery removeClass() 方法
下面的例子演示如何在不同的元素中删除指定的 class 属性：
$("button").click(function(){
$("h1,h2,p").removeClass("blue");
jQuery toggleClass() 方法
下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作：
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
jQuery css() 方法
我们将在下一章讲解 jQuery css() 方法。jquery设置css样式、style属性 示例-jquery-网页制作-壹聚教程网jquery设置css样式、style属性 示例
jquery可以非常的方便设置或修改div的样式了，在此小编为各位总结一下jquery设置css样式、style属性 示例吧，希望可以帮助到大家。
css虽然会在一开始我们就定义好了，但是有很多场景需要我们动态设置css，或者单独修改一个dom控件的style属性，今天分享一下我总结的jquery设置css及style样式的方法。
1、css(name)
访问第一个匹配元素的样式属性。
返回值 String
name (String) : 要访问的属性名称
$(&p&).css(&color&); //取得第一个段落的color样式属性的值
2、css(properties)
把一个&名/值对&对象设置为所有匹配元素的样式属性。这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
返回值 jQuery
properties (Map) : 要设置为样式属性的名/值对
//1 将所有段落的字体颜色设为红色并且背景为蓝色
$(&p&).css({ color: &#ff0011&, background: &blue& });
//2 如果属性名包含 &-&的话，必须使用引号
$(&p&).css({ &margin-left&: &10px&, &background-color&: &blue& });
3、css(name,value)
在所有匹配的元素中，设置一个样式属性的值。数字将自动转化为像素值
返回值 jQuery
name (value) : 属性名
value (String, Number) : 属性值
$(&p&).css(&color&,&red&); //将所有段落字体设为红色
1、offset()
获取匹配元素在当前视窗口的相对偏移。返回的对象包含两个整形属性：top 和 left。
注意：此方法只对可见元素有效。
返回值 Object{top,left}
//获取第二段的偏移
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:last&);
var offset = p.offset();
p.html(&left: & + offset.left + &, top: & + offset.top);
2、position()
获取匹配元素相对父元素的偏移。
返回的对象包含两个整形属性：top 和 left。为精确计算结果，请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
返回值 Object{top,left}
//获取第一段的偏移
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
var position = p.position();
$(&p:last&).html(&left: & + position.left + &, top: & + position.top);
3、scrollTop()
获取匹配元素相对滚动条顶部的偏移。
注意：此方法对可见和隐藏元素均有效。
返回值 Integer
//获取第一段相对滚动条顶部的偏移&
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&scrollTop:& + p.scrollTop());
4、scrollTop(val)
传递参数值时，设置滚动条顶部偏移为该值。此方法对可见和隐藏元素均有效。
返回值 jQuery
$(&div.demo&).scrollTop(300);
5、scrollLeft()
获取匹配元素相对滚动条左侧的偏移。此方法对可见和隐藏元素均有效。
返回值 Integer
//获取第一段相对滚动条左侧的偏移&&&
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&scrollLeft:& + p.scrollLeft());
6、scrollLeft(val)
传递参数值时，设置滚动条左侧偏移为该值。此方法对可见和隐藏元素均有效。
返回值 jQuery
$(&div.demo&).scrollLeft(300);
1、height()
取得第一个匹配元素当前计算的高度值（px）。在 jQuery 1.2 以后可以用来获取 window 和 document 的高
返回值 Integer
//获取第一段的高&&&&
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
alert($(&p&).height());
//获取文档的高
alert($(document).height());
2、height(val)
为每个匹配的元素设置CSS高度(hidth)属性的值。如果没有明确指定单位（如：em或%），使用px。如果没有明确指定单位（如：em或%），使用px。
返回值 jQuery
val (String, Number) : 设定CSS中 'height' 的值
//把所有段落的高设为 20&
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
$(&p&).height(20);
alert($(&p&).height());
3、width()
取得第一个匹配元素当前计算的宽度值（px）。在 jQuery 1.2 以后可以用来获取 window 和 document 的宽
返回值 Integer
//获取第一段的宽
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
alert($(&p&).width());
4、width(val)
为每个匹配的元素设置CSS宽度(width)属性的值。如果没有明确指定单位（如：em或%），使用px。
返回值 jQuery
val (String, Number) : 设定 CSS 'width' 的属性值
//将所有段落的宽设为 20
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
$(&p&).width(20);
alert($(&p&).width());
5、innerHeight()
获取第一个匹配元素内部区域高度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。
返回值 Integer
//获取第一段落内部区域高度
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&innerHeight:& + p.innerHeight());
7、innerWidth()
获取第一个匹配元素内部区域宽度（包括补白、不包括边框）。此方法对可见和隐藏元素均有效。
返回值 Integer
//获取第一段落内部区域宽度
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&innerWidth:& + p.innerWidth());
7、outerHeight(options)
获取第一个匹配元素外部高度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。
返回值 Integer
options(Boolean) : (false)& 设置为 true 时，计算边距在内。
//获取第一段落外部高度
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&outerHeight:& + p.outerHeight() + & , outerHeight(true):& + p.outerHeight(true));
8、outerHeight(options)
获取第一个匹配元素外部宽度（默认包括补白和边框）。此方法对可见和隐藏元素均有效。
返回值 Integer
options(Boolean) : (false)&& 设置为 true 时，计算边距在内。
//获取第一段落外部宽度
文档片段：&p&Hello&/p&&p&2nd Paragraph&/p&
var p = $(&p:first&);
$(&p:last&).text(&outerWidth:& + p.outerWidth() + & , outerWidth(true):& + p.outerWidth(true));
补充另一篇文章
//1、获取和设置样式
$(&#tow&).attr(&class&)获取ID为tow的class属性
$(&#two&).attr(&class&,&divClass&)设置Id为two的class属性。
//2、追加样式
$(&#two&).addClass(&divClass2&)为ID为two的对象追加样式divClass2
//3、移除样式
$(&#two&).removeClass(&divClass&)移除 ID为two的对象的class名为divClass的样式。
$(#two).removeClass(&divClass divClass2&)移除多个样式。
//4、切换类名
$(&#two&).toggleClass(&anotherClass&) //重复切换anotherClass样式
//5、判断是否含有某项样式
$(&#two&).hasClass(&another&)==$(&#two&).is(&.another&);
//6、获取css样式中的样式
$(&div&).css(&color&) 设置color属性值. $(element).css(style)
//设置单个样式
$(&div&).css(&color&,&red&)
//设置多个样式
$(&div&).css({fontSize:&30px&,color:&red&})
$(&div&).css(&height&,&30px&)==$(&div&).height(&30px&)
$(&div&).css(&width&,&30px&)==$(&div&).height(&30px&)
//7.offset()方法
//它的作用是获取元素在当前视窗的相对偏移，其中返回对象包含两个属性,即top和left 。
//注意：只对可见元素有效。
var offset=$(&div&).offset();
var left=offset.&&&&&&&& //获取左偏移
var top=offset.&&&&&&& //获取右偏移
//8、position()方法
//它的作用是获取元素相对于最近的一个position样式属性设置为relative或者absolute的祖父节点的相对偏移，与offset()一样，它返回的对象也包括两个属性即top和left。
//9、scrollTop()方法和scrollLeft()方法
$(&div&).scrollTop();&&&&&&& //获取元素的滚动条距顶端的距离。
$(&div&).scrollLeft();&&&&&&&& //获取元素的滚动条距左侧的距离。
//10、jQuery中的 toggle和slideToggle 方法，都可以实现对一个元素的显示和隐藏。区别是：
//toggle：动态效果为从右至左。横向动作。
//slideToggle：动态效果从下至上。竖向动作。
//比如想实现一个树由下至上收缩的动态效果，就使用slideToggle就ok了。
$('input').attr(&readonly&,true)//将input元素设置为readonly
$('input').attr(&readonly&,false)//去除input元素的readonly属性
$('input').attr(&disabled&,true)//将input元素设置为disabled
$('input').attr(&disabled&,false)//去除input元素的disabled属性
上一页： &&&&&下一页：相关内容您的位置：
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
相关栏目：
介绍：图老师设计创意栏目是一个分享最好最实用的教程的社区，我们拥有最用心的各种教程，今天就给大家分享JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码的教程，热爱PS的朋友们快点看过来吧！
难度：初级
一、判断文本是否为空代码如下:var jqObj = $(this);&if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。&jqObj.hide();&}&二、判断这个标签下是否有某个已知的元素，比如判断ul标签下是否有li元素代码如下var jqObj = $(this);&if(jqObj.has('li').length 0){&jqObj.hide();&}&
来源:/n/6564.html
相关电脑网络推荐
分享给朋友：
拥有教程：992个
共有学生：20位
相关知识点}