jQuery让鼠标定位输入框的代码如图:
在偃师等地区,都构建了全面的区域性战略布局,加强发展的系统性、市场前瞻性、产品创新能力,以专注、极致的服务理念,为客户提供做网站、成都网站制作 网站设计制作按需开发网站,公司网站建设,企业网站建设,高端网站设计,成都全网营销,外贸网站制作,偃师网站建设费用合理。
jQuery的简介:
jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库( 或JavaScript框架)。
jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
jQuery的模块可以分为:入口模块、底层支持模块和功能模块。
其核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器,并且可对CSS选择器进行扩展。
拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。
jquery 一个table中定位到某一行的方法如下:
jquery使用css3选择器“:nth-child(n)”可以快速选择具有一定规律排列的元素,:nth-child(n) 用于匹配属于其父元素的第 n 个子元素,其中n 可以是数字、关键词或公式。注意:
此过滤器的序号是从1开始的
需要IE8以上浏览器支持
下面实例演示——为table的第1,4,7,...行添加背景色变色:
1、HTML结构
table id = "test"
trtd1/tdtd1/tdtd2/tdtd3/td/tr
trtd2/tdtd4/tdtd5/tdtd6/td/tr
trtd3/tdtd7/tdtd8/tdtd9/td/tr
trtd4/tdtd1/tdtd2/tdtd3/td/tr
trtd5/tdtd4/tdtd5/tdtd6/td/tr
trtd6/tdtd7/tdtd8/tdtd9/td/tr
trtd7/tdtd1/tdtd2/tdtd3/td/tr
trtd8/tdtd4/tdtd5/tdtd6/td/tr
trtd9/tdtd7/tdtd8/tdtd9/td/tr
/table
input type='button' value='设置'/
2、jquery代码
$(function(){
$("input[type='button']").click(function() {
$("table#test tr:nth-child(3n+1)").css("background","#229922")
});
});
3、效果演示
jQuery 中有两个获取元素位置的方法offset()和position(),这两个方法之间有什么异同
offset():
获取匹配元素在当前视口的相对偏移。
返回的对象包含两个整形属性:top 和 left。此方法只对可见元素有效。
.offset()方法可以让我们重新设置元素的位置。这个元素的位置是相对于document对象的。如果对象原先的position样式属性是 static的话,会被改成relative来实现重定位。
position():
获取匹配元素相对父元素的偏移。
返回的对象包含两个整形属性:top 和 left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效。
使用position()方法时事实上是把该元素当绝对定位来处理,获取的是该元素相当于最近的一个拥有绝对或者相对定位的父元素的偏移位置。
使用position()方法时如果其所有的父元素都为默认定位(static)方式,则其处理方式和offset()一样,是当前窗口的相对偏移
使用offset()方法不管该元素如何定位,也不管其父元素如何定位,都是获取的该元素相对于当前视口的偏移
例如:要显示的元素存放在DOM的最顶端或者最底端(即其父元素就是body),这时用offset()是最好的。
需要知道这个标签是什么,然后使用名字来定位。
例如:
input name='username' value='enozoom.com' /
来获取这个name为username的value值
$(function(){
alert($("input[name='username']").val())
})
扩展资料:
jquery中的常见小技巧:
1、DOM遍历是昂贵的,将变量缓存起来。
代码:
var $ele = $('#ele');
var h =
$ele.height();
$ele.css('height',h-20);
2、优化选择符。
代码:
$('#myid')
3、避免隐式通用选择符。
代码:
$('.someclass input:radio')
4、避免通用选择符。
代码:
$('.container').children()
5、尽可能保持代码简洁。
代码:
if(arr.length){}
6、尽可能地合并函数。
代码:
$f.on("click", function(){
$(this).css({
'border':'1px solid
red',
'color': 'blue'
});
});
迭代就用each就可以了,如果要定位行,这个each接收一个function,这个个function中可以接收到两个参数,第一个参数是遍历的行数,从零开始,第二个是遍历到的元素
官方说明:
jQuery.each( collection, callback(indexInArray, valueOfElement) )
collectionThe object or array to iterate over.
callback(indexInArray, valueOfElement)The function that will be executed on every object.
示例:
$.each(map, function(key, value) {
alert(key + ': ' + value);
});
indexOf() 和 lastIndexOf() 是js的用法,与jquery是无关的,所有直接用原生js就可以了。
indexOf() 和 lastIndexOf() 方法返回的都是指定的子串在另一个字符串中的位置,如果没有找不到子串,则返回 -1。
这两个方法的不同之处在于,indexOf() 方法是从字符串的开头(位置 0)开始检索字符串,而 lastIndexOf() 方法则是从字符串的结尾开始检索子串。
strObj.indexOf(subString[, startIndex]) 参 数 strObj 必选项。String 对象或文字,要在 String 对象中查找的子字符 串。 starIndex 可选项。该整数值指出在 String 对象内开始查找的索引。如果省略,则从字符串的开始处查找。
说明 indexOf 方法返回一个整数值,指出 String 对象内子字符串的开始位置。如果没有找到子字符串,则返回 -1。 如果 startindex 是负数,则 startindex 被当作零。如果它比最大的字符位置索引还大,则它被当作最大的可能索引。 从左向右执行查找。否则,该方法与 lastIndexOf 相同。
例子: [CODE_HTML] [/CODE_HTML] 最后得到的结果是-1,0,3
if(ss.indexOf('winner')-1)
strobj.indexOf(substring[, startindex])
其中strobj是必选项。string 对象或文字