js如何选择元素

js如何选择元素,第1张

有好多种方法,比如:

documentgetElementById("xxx");是通过元素Id来取得元素,这是获取单一元素的最快途径。

documentgetElementsByName("xxx");则可以根据元素Name来取得一系列的元素,因为name不同意,这样需要通过[index]来取得相对应的元素。

其他还有不少,建议查阅一下资料,以上是用得比较多的。

jquery 或者js 获取页面光标所在的元素有如下两种方式:

1通过焦点获取光标所在元素

光标所在一般都在文本框里面(该方法只适用于input,textarea)

$("input:focus") //光标所在input元素的位置

$("textarea:focus")//光标所在textarea元素的位置

$("input:focus,textarea:focus")//光标所在元素的位置

2。通过点击事件获取光标所在元素

获取鼠标点击元素的位置(适用于所有元素)

$("")click(function(e){

$(etarget)//光标所在元素位置

})

基础知识:

复制数组:

(1)循环遍历复制(不推荐)

复制代码

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

[],

n

=

0,

len

=

arrylength;

for(;n<len;n++){

new_arrypush(arry[n]);

}

(2)concat()

方法用于连接两个或多个数组,该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本

复制代码

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

arryconcat();

consolelog(new_arry);

(3)slice()

方法可从已有的数组中返回选定的元素

复制代码

代码如下:

var

arry

=

[1,5,9,7],

new_arry

=

arryslice(0);

consolelog(new_arry);

随机数:

Mathrandom()

Mathrandom(),返回0到1的随机数,如:04261967441998422

个人封装函数:

复制代码

代码如下:

function

getRandom(opt)

{

var

old_arry

=

optarry,

range

=

optrange;

//防止超过数组的长度

range

=

range

>

old_arrylengthold_arrylength:range;

var

newArray

=

[]concat(old_arry),

//拷贝原数组进行 *** 作就不会破坏原数组

valArray

=

[];

for

(var

n

=

0;

n

<

range;

n++)

{

var

r

=

Mathfloor(Mathrandom()

(newArraylength));

valArraypush(newArray[r]);

//在原数组删掉,然后在下轮循环中就可以避免重复获取

newArraysplice(r,

1);

}

return

valArray;

}

var

new_val

=

getRandom({'arry':[1,6,8,0,3],'range':3});

consolelog(new_val);

是不是很好用呢,非常实用的代码,这里是从本人项目中分离出来分享给大家,希望对大家有所帮助。

$("form input")prop("readonly", true);\r\n将所有表单的所有表单控件的readonly全部设置为readonly~\r\n要注意的是如果直接使用input选择器的话,包括了按钮~\r\n所以要排除按钮、隐藏域之类的input的话~\r\n使用not选择器\r\n$("input:not(:button,:hidden)")prop("readonly", true);\r\n希望对您有帮助~\r\nBy Billskate

以上就是关于js如何选择元素全部的内容,包括:js如何选择元素、jquery 或者js 怎么获取页面光标所在的元素、js实现从数组里随机获取元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10217754.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存