jQuery-个人学习记录（2）

布满荆棘的人生 2022-06-14 08:36 341阅读 0赞

> —-***学习于`黑马14年9月-15年2月JAVAEE`视频教程***—

**jQuery API：**

![这里写图片描述][SouthEast]

--------------------

`<input type="text" name="username" id="username">`

<script>
    winows.onload = function(){ 
        /** JQuery对象是数组对象 JQuery对象不可能为null，如果得不到值，那么数组大小为0 */
        var domobj = document.getElementById("username"); //dom对象。注：这里如果id不存在，则获取不到dom对象，即为null
        var jQueryobj = ${domobj}; //dom对象转换为JQuery对象
        var domobj2 = jQueryobj[0]; //jQuery对象转为dom对象
        var domobj3 = jQueryobj.get(0); //dom对象
        //测试dom对象
        alert(domobj2.getAttribute("name"));
        alert(domobj3.getAttribute("name"));
    }
    </script>

想一想，不可能每次想要获得jQuery对象需要先获得dom对象再包装为jQuery对象。所以jQuery提供了大量的选择器让我们获得节点，大概50多个吧?。选择器的就是让我们获得到 jQuery 对象。

--------------------

1、基本选择器

获得 id 选择器：`$("#b1")`

$("#b1").click(function(){ 
        $("#b").css("background", "#f00");
    });

获得 标签选择器：`$("div")` 是个数组

获得 class 类选择器：`$(".mini")`

获得span元素和id为b3节点：`$("span, #b3, .mini")`

2、层次选择器  
含有属性title的div元素：`$("div[title]")`

3、过滤选择器

4、 内容选择器

5、 可见性选择器

6、属性选择器

[SouthEast]: /images/20220614/92779066103b4eb1980e1cff6e25e4e6.png

发表评论取消回复

表情：

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

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

相关阅读

相关 WebService学习网址（个人记录）

[webService框架CXF的简单使用][webService_CXF] [webService_CXF]: https://www.cnblogs.com/jyybe

我不是女神ヾ/ 2023年10月05日 16:43/ 0 赞/ 21 阅读

相关 Spring学习个人记录

日期：2022/09/15 学习资源：B站狂神说学习内容：Spring 1.Spring的优点：轻量、开源、简介、免费、Ioc、Aop (1)什么叫做轻量级框架

梦里梦外;/ 2023年09月27日 09:59/ 0 赞/ 28 阅读

相关 jQuery学习记录一

前端应用框架基础：HTML+CSS+JavaScript+BootStrap 框架：jQuery+VUE jQuery [jQuery][]是一个优秀的js函

布满荆棘的人生/ 2022年12月03日 09:42/ 0 赞/ 240 阅读

相关 jQuery-个人学习记录（2）

> —-学习于`黑马14年9月-15年2月JAVAEE`视频教程— jQuery API： ![这里写图片描述][SouthEast] -----------------

布满荆棘的人生/ 2022年06月14日 08:36/ 0 赞/ 342 阅读

相关 Ajax-个人学习记录（2）

> — 学习于`黑马14年9月-15年2月JAVAEE`视频教程— ![这里写图片描述][SouthEast] 简介： AJAX ：Asynchronous Java

港控/mmm°/ 2022年06月14日 08:36/ 0 赞/ 223 阅读

相关 Jquery 中 event学习记录

理解还是不是很清楚，大概明白，特此记录。参考文章： http://www.cnblogs.com/sntetwt/p/3957905.html

爱被打了一巴掌/ 2022年06月12日 14:56/ 0 赞/ 197 阅读

相关 jQuery中ajax学习记录

　　不得不说，jQuery真的是一个特别好用的轻量级JS框架，帮助我们轻松方便的实现一些应用，在一定程度上减少代码量，改变我们编写JavaScript的习惯．昨天巩固了一下jQ

喜欢ヅ旅行/ 2022年06月06日 12:51/ 0 赞/ 258 阅读

相关前端学习记录 Day4（jQuery）

文章目录 Day 4 jQuery简介 jQuery特点 jQuery导入 jQuery语言基础

雨点打透心脏的1/2处/ 2022年01月05日 09:37/ 0 赞/ 290 阅读

相关冒泡排序算法的个人学习记录

冒泡排序设排序表长为n，从后向前或者从前向后两两比较相邻元素的值，如果两者的相对次序不对(A\[i-1\] > A\[i\])，则交换它们，其结果是将最小的元素交换到待

女爷i/ 2021年10月19日 09:26/ 0 赞/ 327 阅读

相关 MySQL个人学习记录

// MySQL语句 // WHERE 语句 // 读取数据通过 SELECT 语句来完成 // 如果需要有条件的选择数据，可以将WHERE 语

落日映苍穹つ/ 2021年09月17日 08:46/ 0 赞/ 408 阅读