jquery的DOM定位与操作

秒速五厘米 2022-08-03 13:54 190阅读 0赞

## jquery对DOM的遍历，以及循环内定位 ##

适用于在

<ul>
            <li>
                <input></input>
                <p class = "pclass"></p>
                <a id="a"></a>
            </li>
    
            <li>
                <input></input>
                <p class = "pclass"></p>
                <a id="a"></a>
            </li>
        </ul>

的场合进行遍历，并找到其中的元素。

//注意这里的.each 效率的问题，如果可以用for最好
    
        $("li").each(function(i, item){ 
    
            var inputObj = $(item).children("input");
            var pObj = $(item).children(".pclass");
            var aObj = $(item).children("#a");
    
            //注意.children() 仅找下一级元素。
                .find() 可以跨级查找。
    
        });

参考来源 : [Jquery中children、find区别][Jquery_children_find]

## jquery操作checkbox ##

*  注意：jquery新版本 `$("checkbox").attr("checked")` 不好用了。一律改用 `$("checkbox").prop("checked")`

获取checkbox值

var checked = $("checkbox").prop("checked");

为checkbox赋值

//选中
        $("checkbox").prop("checked", true);
    
        //撤销
        $("checkbox").prop("checked", false);

[Jquery_children_find]: http://www.cnblogs.com/qiuyan/archive/2012/11/01/2749754.html

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 JQuery中的DOM操作

DOM操作 1.内部插入内容 2.外部插入内容 3.删除元素

淡淡的烟草味﹌/ 2022年11月26日 07:46/ 0 赞/ 168 阅读

相关 jquery的DOM定位与操作

jquery对DOM的遍历，以及循环内定位适用于在 <ul> <li> <input></input>

秒速五厘米/ 2022年08月03日 13:54/ 0 赞/ 191 阅读

相关 JQuery的Dom操作

[JQuery的Dom操作][JQuery_Dom] 小编最近参与了一个网站项目的开发，所以遇到了大量的js操作。让小编大为挠头。JQuery这东西，我貌似曾经熟练过一

我就是我/ 2022年07月16日 05:11/ 0 赞/ 232 阅读

相关 jquery 操作DOM

操作属性 -------------------- 通过attr可以获取标签的属性值，还可以设置属性值，和css()类似. 测试代码如下 <div c

亦凉/ 2022年05月26日 23:20/ 0 赞/ 264 阅读

相关 JQuery效果与DOM元素操作

> 作者：西岭老湿 -------------------- Jquery效果基本效果问题及效果： 05-6-2toggle 案例中的折叠效果并不理想，

Bertha 。/ 2022年05月18日 02:51/ 0 赞/ 270 阅读

相关 JQuery中的DOM操作

jQuery中的DOM操作 jQuery对JavaScript中的DOM操作进行了封装 jQuery中的DOM操作样式操作节点遍历节点属性操作

女爷i/ 2022年05月15日 08:51/ 0 赞/ 231 阅读

相关 jQuery中的DOM操作

设置单个属性 css(name,value) ; 或同时设置多个属性 css(\{name:value, name:value,name:value…\}

た入场券/ 2022年05月15日 08:48/ 0 赞/ 260 阅读

相关 jQuery中的事件与DOM操作

jQuery中的事件基础事件鼠标事件： click( )：单击鼠标时 mouseover( )：鼠标指针移过时 mouseout( )：鼠标指针移出

╰半夏微凉°/ 2022年04月18日 05:20/ 0 赞/ 268 阅读

相关 jQuery 对dom的操作

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <titl

叁歲伎倆/ 2021年12月11日 11:23/ 0 赞/ 298 阅读

相关 jquery中的DOM操作

1、查找元素节点，并打印其内容 var $li = $("ul li:eq(1)");//查找<ul>里第2个<li>节点 var li_txt

墨蓝/ 2021年09月29日 08:20/ 0 赞/ 420 阅读