jquery的基础认知

2020-08-10 19:31:50 阅读：191 来源： 互联网

标签：jquery jQuery console log DOM 认知基础 div

jquery的基础认知

1.获取元素,设置内容

 $("div").text("你好");
//等同于js
var divs=document.getElementsByTagName("div");
for(var i=0;i<divs.length;i++){
     divs[i].textContent="你好";
}

$=jQuery

console.log($===jQuery);

3.支持连缀写法

$("div").text("你好").css("width","50px").attr("abc","a");
//js中的连缀写法
var str = "abcde";
str.split("").reverse().join("");

var obj = {
    a: function () {
        console.log("a");
        return this;
    },
    b: function () {
        console.log("b")
        return this;
    }
}
obj.a().b();

jQuery对象是一个列表对象，就是操作内容是针对列表中所有元素的($("div")获取的是所有的div元素);
jQuery对象是不能用DOM的方法和事件 ,它的方法也是仅针对jQuery对象可以使用，DOM对象不能使用
但是,有时就是想要对jquery对象使用DOM的方法,所以会有jquery对象和DOM的互相转换

jquery对象-->DOM

console.log($("div")[0]);
console.log($("div").get(0));
console.log(Array.from($("div")));
console.log($("div").get());//获取jQuery对象的DOM  数组

DOM-->jquery

var div=document.querySelector("div");
console.log( $(div))   //直接把元素或者元素列表放入$()中就可以

5.将jQuery列表中第几个元素筛选出jQuery新对象

console.log( $("div").eq(0));   //只获取列表的第0个

标签：jquery,jQuery,console,log,DOM,认知,基础,div
来源： https://www.cnblogs.com/94-Lucky/p/13471735.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

jquery的基础认知

jquery的基础认知