Jquery基本知识点的总结

一、理论

Jquery是轻量级的语言，它能够很快速、简洁地处理HTML文档、控制事件、给页面添加动画和Ajax效果等，总之一句话：jquery是写的代码少，而实现的功能多。

二、简述

1、使用jquery之前必须先引入jquery的js文件，如下：

2、window的onload事件与jquery中的ready方法都有在页面加载的时候执行方法里的代码，他们之间的不同点是：window.onload = function(){}方法在加载html 并且加载外部所有的引用文件(图片,css样式,js等。而jquery的ready方法，不加载外部的引用文件。

3、DOM对象是不能使用Jquery中的方法的. JQuery中的对象是不能使用DOM对象的方法。因此他们之间可以相互转化。

DOM对象转换成Jquery对象的方式：var $document=$(document)（$是jQuery的别名），对于一个DOM对象只需要使用$(DOM对象)即可转换成一个Jquery对象。

Jquery对象转换成DOM对象的方式： var domObject = $("#thed")[index]或 var domObject = $("#thed").get(index)

三、jquery中的选择器

基本

* 匹配所有的元素

.className匹配所有的className相同的元素

#idName 匹配idName的元素

, 用英文逗号区分并列的关系

Element 直接写element的名字，如：$(tr)，并匹配所有的element

层级

Space 表示祖先与子孙的关系

> 表示父亲与孩子的关系

+ 表示自己的下一个关系

~ 表示自己的下一个兄弟的关系

简单

:equest(index) 返回匹配一个给定索引值的元素

:frist() 返回匹配找到的第一个元素

:last() 返回匹配找到的最后一个元素

:gt(index) 返回匹配所有大于给定索引值的元素

:lt(index) 返回匹配所有小于给定索引值的元素

:even 匹配所有索引值为偶数的元素，从 0 开始计数

:odd 匹配所有索引值为奇数的元素，从 0 开始计数

:header 匹配如 h1, h2, h3之类的标题元素

:not(selected) 删除与指定表达式匹配的元素

:contains(text) 返回包含指定的文本元素

:parent返回匹配子元素的元素

:has(text)返回包含指定元素的元素

:empty返回无文本或者空元素

//可见性

/**

:visible匹配所有可见的元素

:hidden匹配所有不可见的元素（只要在页面上不显示的元素，都能获得到）

//属性

/**

.attr("attrbuteName","attibuteValue")

.attr("attrbuteName");

//子元素

/**父元素调用，返回的是父类的元素

:frist-child匹配指定父类中的第一个元素

:last-child匹配指定父类中的最后的一个元素

:only-child匹配只有一个子元素的父元素

:nth-child(n)父元素调用第n个子元素

//表单

/**只有input才能调用

:button匹配所有的按钮

:text匹配所有的单行文本

:checkbox匹配所有的复选框

:input匹配所有的input、textarea、select和button

:password匹配所有的密码框

:reset匹配所有的重置

:radio匹配所有的单选按钮

:submit匹配所有的提交按钮

:file匹配所有的上传按钮

:hidden匹配所有的隐藏按钮

:image匹配所有的图像域

//表单对象的属性

/**

:checked匹配所有的被选中的选项（包括复选框checkbox、单选按钮radio，不包括select中的option）

:disabled匹配所有的不可用的选项

:enabled匹配所有的可用的选项

:selected匹配所有select中被选中的option

Jquery基本知识点的总结相关推荐

java js 速度慢,java js 速度慢jQuery常用知识点总结以及平时封装常用函数
本文为大家介绍了jQuery中常用知识点及函数,包含许多细节方面的知识,下面我们一起学习一下. jQuery中为我们提供了很多有用的属性,自己总结的一些常用的函数.个人认为在在线排盘开发中会比较常用的 ...
jQuery事件知识点部分总结
在学习 jQuery中,我做了一些总结,需要的可以作参考(仅供参考). 在VS软件中用jQuery时,必须要使用jQuery插件. 例: <script src="./js/jque ...
django jquery ajax 知识点
示例: <div id='d'>1</div> <div> <div id='i1' name='123'> <h1>fff</h1& ...
JQuery常用知识点汇总
2019独角兽企业重金招聘Python工程师标准>>> 0.JQuery的基本属性标识: $(".xxx"):标签的class属性: $(&quo ...
jQuery常用知识点总结以及平时封装常用函数
2019独角兽企业重金招聘Python工程师标准>>> jquery效果隐藏/显示: hide/show(speed,callback); speed(空/slow/fast/毫秒 ...
JavaScript、Ajax、jQuery全部知识点，5分钟速懂！
本文将详细解读JavaScript.ajax.jQuery是什么?他们可以实现什么? 1.JavaScript 定义: javaScript的简写形式就是JS,是由Netscape公司开发的一种脚本语 ...
js,jquery小知识点
1.怎样判断一个变量是否为#380000: 方法一: var SomeVar; if (typeof(SomeVar) == '#b50000') ---- 方法二 ...
前端笔记----jquery入门知识点总结（转）
http://www.cnblogs.com/cwp-bg/p/7633623.html 一.jquery的加载方法 $(document).ready(function(){js代码}); $(fu ...
【JQuery】知识点总结
JQuery 基础介绍介绍: jQuery 是一个高效.精简并且功能丰富的 JavaScript 工具库.它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作.事件处理.动 ...

Jquery基本知识点的总结

Jquery基本知识点的总结相关推荐

最新文章

热门文章