jQuery-个人学习记录（2）

布满荆棘的人生 2022-06-14 08:36 299阅读 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 条评论，299人围观）

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

相关阅读

相关 jQuery学习记录一

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

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

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

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

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

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

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

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

相关 Jquery 中 event学习记录

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

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

相关 jQuery中ajax学习记录

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

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

相关 Redis--个人记录

Redis特性：一.速度快：内存二.持久化：Redis所有数据保持在内存中，对数据的更新将异步地保存到磁盘上。三.多种数据结构：1.String/B

本是古典何须时尚/ 2022年05月14日 08:06/ 0 赞/ 205 阅读

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

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

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

相关 C++个人记录

目录 C++基础继承/派生注意问题：虚函数虚函数与重载关系: 规则：并发编程三大性质总结：原子性，有序性和可见性： STL memcpy和mem

不念不忘少年蓝@/ 2021年11月18日 00:02/ 0 赞/ 323 阅读

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

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

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

相关 MySQL个人学习记录

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

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