1.$运算符

1.传入参数为方法时，页面加载完成后自动调用

$(function({// ......}))

2.传入参数为HTML字符串，根据字符串创建节点对象。

$("    <button id=\"bton1\">按钮1</button>\n" +"    <button>按钮2</button>\n" +"    <button>按钮3</button>").appendTo("body");

3.传入参数为选择器字符串时，根据字符串查找元素节点对象

$("#bton1") //得到id=bton1元素节点对象

4.传入参数为dom对象时，会转为jQuery对象

alert($("#bton1"));  //[object Object]alert(document.getElementById("bton1"));   //[object HTMLButtonElement]alert($(document.getElementById("bton1")));  //[object Object]

2.jQuery对象与dom对象的区分

Dom对象：通过getElementBy...获得的对象

jQuery对象：通过$获得的对象

3.jQuery对象的本质

jQuery对象即为Dom对象数组 +jQuery提供的一系列功能函数

4.jQuery对象与Dom对象的使用区别

jQuery对象不能使用Dom对象的属性和方法，反之亦然

5.jQuery对象与Dom对象的互转

$(Dom对象) =》 jQuery对象

jQuery对象[下标] =》Dom对象

例：
alert($(document.getElementById("testDiv")));
alert($(document.getElementById("testDiv"))[0]);

6.jQuery对象选择器

6.1基本选择器

id选择器 $("#id")
元素选择器 $("div")
class类选择器 $(".class")
所有选择器 $("*")
组合选择器 $("div,span,p.myClass") //获得div, span , p(class = "myClass")的jQuery对象

6.2 层级选择器

$("div input") 空格：找到父元素下的所有后代元素
$("div > input") >: 找到父元素下所有的子元素
$("div + input") +:找到pre元素后面的所有next元素
$("div ~ input") ~：找到pre元素后面的所有同辈next元素

6.3过滤选择器

:first 获得第一个元素 //$("li:first")
:last 获得最后一个元素
:not 不要选中的
:even 查找索引值为偶数的（从0开始）
:odd 查找索引值为奇数的（从0开始）
:eq(index) 查找索引值为index的（从0开始）
:gt(index) 查找索引值>index的
:lt(index) 查找索引值<index的
:header 查找所有标题
:animated 查找正在执行动画的

JQuery第1次总结相关推荐

Ajax接收Java异常_java – 处理来自Servlet的Jquery AJAX响应中的异常
我的servlet代码是 try{ //something response.setStatus(201); out.print("Data successfully saved" ...
Jquery DIV滚动至浏览器顶部后固定不动代码
获取元素(这里定位元素A)距离顶部的高度,接着设定scroll滚动的事件,比如超过那个高度,把A的位置设定为fixed,小于该高度,修改回relative. 效果例1 代码如下复制代码 <scr ...
jquery.raty评星插件
<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>j ...
jquery autocomplete demo
根据用户输入值进行搜索和过滤,让用户快速找到并从预设值列表中选择. jquery.autocomplete参考地址 http://bassistance.de/jquery-plugins/jquer ...
在Ant-design-pro框架中引入jQuery和jQuery-ui步骤
1.安装jQuery和jQuery-ui npm i jquery s npm i jquery-ui s yarn install 2.在vue.config.js中进行配置 // webpack ...
火狐浏览器允许ajax,解决火狐浏览器发送jquery的ajax请求无效的问题
今天遇到这样一个问题: 页面在chrome下发送ajax的请求是没有问题的,但是在firfox下无效. 代码大致如下: //前面省略 ..... 生成成绩查询成绩 ...... ...... fun ...
jquery 监听的案例
jQuery 简介 jQuery 是一个 JavaScript 库. jQuery 使用可以下载一个,也可以使用Staticfile CDN.百度.又拍云.新浪.谷歌和微软的服务器都存有 jQuer ...
网站项目必备——12款白富美型 jQuery 图片轮播插件
转自:http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html 图片轮播是网站中的常用功能,用 ...
利用 jquery 获取某个元素下的所有图片并改变其属性
HTML代码 <div id="mochu"> <p>内容....<./p> <p><img src="xxxx.p ...
通过jQuery调用ASP.NET的AJAX
传统上,在ASP.NET页面中实现AJAX的方法是拖放一个ScriptManager控件,并进行一系列的设置和相关编程.但事实上,这并不是理想的解决方案.使用jQuery来调用ASP.NET后台的方法 ...

JQuery第1次总结