您当前的位置: 首页 >  jquery

宝哥大数据

暂无认证

  • 3浏览

    0关注

    1029博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

JQuery学习之旅(4)

宝哥大数据 发布时间:2016-07-27 18:09:57 ,浏览量:3

JQuery学习之旅—DOM对象转化成jQuery对象

首先复习一下JQuery–>DOM:   (1) 获取JQuery对象 $div = $div(‘id’); 一个类组对象   (2)通过数组或者JQuery自己的方法get() 获取指定位置的对象:     $div [index];     $div [0].get(index);   (3)通过DOM直接操作属性。

DOM对象转化成jQuery对象

接下来 DOM–>JQuery 通过$(参数)

  相比较jQuery转化成DOM,开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。

如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象

(1)通过getElementsByTagName(‘div’);获取所有div节点的dom元素 这是一个DOM集合。 (2)通过$(参数) ,将DOM集合转化为JQuery对象。 (3)通过JQuery的方法first 获取第一个JQuery对象, (4)通过JQuery对象.css(‘color’, ‘read’);设置JQuery对象的颜色


        //通过getElementsByTagName(xx)获取所有div节点元素, 注意结果是一个DOM集合
        var tmpDom = document.getElementsByTagName('div');  //DOM对象
        var $div = $(tmpDom);      //通过$(参数), 将DOM转为JQuery对象
        var $first = $div.fisrt();   //找到第二个JQuery对象
        $first.css('color', 'red');    //设置颜色
    
关注
打赏
1587549273
查看更多评论
立即登录/注册

微信扫码登录

0.3528s