jQuery函数

jQuery scrollTop()
定义和用法
scrolltTop()方法返回或设置匹配元素的滚动条的垂直位置。


jQuery offset()
定义和用法
offset()方法返回或设置匹配元素相对于文档的偏移(位置)。
该方法返回的对象包含两个整形属性:top和left,以像素计。此方法只可对可见元素有效。



jQuery index()
定义和用法
index()方法返回指定元素相对于其他指定元素的index位置。这些元素可通过jQuery选择器或DOM元素来指定。如果未找到元素,index()将返回-1。

$(selector).index()
获得第一个匹配元素相对于其同胞元素的index位置。

$(selector).index(element)
获得元素相对于选择器的index位置,该元素可以通过DOM元素或jQuery选择器来指定。


jQuery - find()方法
定义和用法
find() 方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。
详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象,.find() 方法允许我们在 DOM 树中搜索这些元素的后代,
并用匹配元素来构造一个新的 jQuery 对象。.find() 与 .children() 方法类似,不同的是后者仅沿着 DOM 树向下遍历单一层级。


jQuery - siblings()方法
定义和用法
siblings() 获得匹配集合中每个元素的同胞,通过选择器进行筛选是可选的。
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.siblings() 方法允许我们在 DOM 树中搜索这些元素的同胞元素,并用匹配元素构造一个新的 jQuery 对象。

jQuery - prevAll()方法
实例
定位最后一个div之前的所有div,并为它们添加类:
$("div : last").prevAll().addClass("before");
定义和用法
prevAll()获得当前匹配元素集合中每个元素的前面的同胞元素,使用选择器进行筛选是可选的。

jQuery - parents方法
定义和用法
parents()获得当前匹配元素集合中每个元素的祖先元素,使用选择器进行筛选是可选的。
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parents() 方法允许我们在 DOM 树中搜索这些元素的祖先元素,并用从最近的父元素向上的顺序排列的匹配元素构造一个新的 jQuery 对象。元素是按照从最近的父元素向外的顺序被返回的。.parents() 和 .parent() 方法类似,不同的是后者沿 DOM 树向上遍历单一层级。

jQuery - parent方法
定义和用法
parent() 获得当前匹配元素集合中每个元素的父元素,使用选择器进行筛选是可选的。
详细说明
如果给定一个表示 DOM 元素集合的 jQuery 对象,.parent() 方法允许我们在 DOM 树中搜索这些元素的父元素,并用匹配元素构造一个新的 jQuery 对象。.parents() 和 .parent() 方法类似,不同的是后者沿 DOM 树向上遍历单一层级。

jQuery append() 方法在被选元素的结尾插入内容。

$("p").append("Some appended text.");

jQuery prepend() 方法在被选元素的开头插入内容。
$("p").prepend("Some prepended text.");


index()

index()方法返回指定元素相对于其他指定元素的index位置。 
这些元素可通过JQuery选择器或DOM元素来指定。 
如果未找到元素,index()将返回 -1. 

获得第一个匹配元素相对于其同胞元素的 index 位置。
语法 $(selector).index()
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("li").click(function(){ 
    alert($(this).index()); 
  }); 
}); 
</script> 
</head> 
<body> 
<p>点击列表项可获得其相对于同胞元素的 index 位置:</p> 
<ul> 
<li>Coffee</li> 
<li>Milk</li> 
<li>Soda</li> 
</ul> 
</body> 
</html> 
元素的index,相对应选择器
获得元素相对于选择器的index位置。该元素可以通过 DOM 元素或 jQuery 选择器来指定。
语法 $(selector).index(element)
element可选。规定要获得 index 位置的元素。可以是 DOM 元素或 jQuery 选择器。
<html> 
<head> 
<script type="text/javascript" src="/jquery/jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    alert($(".hot").index($("#favorite"))); 
  }); 
}); 
</script> 
</head> 
<body> 
<p>请点击下面的按钮,以获得 id="favorite" 的元素相对于 jQuery 选择器 (class="hot") 的 index:</p> 
<button>获得 index</button> 
<ul> 
<li>Milk</li> 
<li class="hot">Tea</li> 
<li class="hot" id="favorite">Coffee</li> 
</ul> 
</body> 
</html> 


获取父元素

jquery获取父元素方法比较多,比如parent(),parents(),closest()这些都能帮你实现查找父元素或节点。

位置相关

$(window).height() 、 $(window).width()表示浏览器展示区域的高和宽,如果不改变浏览器的大小,这个数值也是不变的。 

$(window).scrollTop() 表示浏览器展示区域向上面滚动的大小。 

$(this).offset().top 表示当前对象相对应文档偏移的高度,这个值是不变的,(之前我以为offset是随着文档滚动会改变,理解错了)。

选择器获取radio内容

radio有name和value属性,那么假如html结构如下 
<input type="radio" name="radioname" value="1" />1 
<input type="radio" name="radioname" value="2" />2 
<input type="radio" name="radioname" value="3" />3 

$("input[name='radioname']:checked").val();
$(':radio[name="sex"]') 
typeof()
typeof()返回字符串,有六种可能,“number”、“string”、“boolean”、“object”、“function”、“undefined”.

判断一个变量是不是undefined 的时候,要使用typeof方法,typeof返回6种字符串,其中就有undefined.

例子1:假设取一个input元素的值,如果元素不存在得到的就是undefined,这是一个数据类型,不是一个字符串,谨记!!!所以下面代码,m是undefined类型,打印出的是2. 




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值