jQuery初体验

最新推荐文章于 2021-09-05 19:50:29 发布

听雨愁眠

最新推荐文章于 2021-09-05 19:50:29 发布

阅读量138

点赞数

分类专栏： jQuery HTML 文章标签： jQuery

本文链接：https://blog.csdn.net/qq_38163146/article/details/99749044

版权

HTML 同时被 2 个专栏收录

55 篇文章 0 订阅

订阅专栏

jQuery

4 篇文章 0 订阅

订阅专栏

jQuery概念:
是一个javascript代码仓库，我们称之为javascript框架。
是一个快速的简洁的javascript框架，可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程。

怎么利用jQuery包:
jQuery 库是一个 JavaScript 文件，您可以使用 HTML 的 <script> 标签引入本地的JQuery,
如:

<head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type=“text/javascript”>
	$(function(){
		alert(“你好!”);
	});
    </script>
</head>

入口函数$(function(){}):
和js中的入口函数一样window.οnlοad=function(){},希望在做所有事情之前，JQuery操作DOM文档。
必须确保在DOM载入完毕后开始执行,不然会报错.

$是jQuery别名。如$()也可jQuery()这样写,相当于页面初始化函数，当页面加载完毕，会执行jQuery()。

jQuery中的几种选择器:

基本选择器
   *选择所有元素
   .class选择class，如：$('.mybox')
   element选择element，如：$('p')
   #id选择id，如：$('#box')
   selector1,selectorN可以同时选择多个元素，如：$('div, p.box, #phone')

层级选择器
   parent > child选择指定元素下的指定子元素，如：$('ul> li')
   ancestor descendant选择一个元素里所有的后代元素，如：$('form input')
   prev + next选择所有指定元素后紧跟着的元素，如：$('label + input')
   prev ~ siblings选择与指定元素之后有相同父级的同级选择器，如：$('#prev ~ div')

基本过滤器
   :frist选取第一个元素,如: $('li:frist')
   :last选取最后一个元素,如: $('li:last')
   :eq(n)选取第n个元素，如：$(' li:eq(n)')
   :even选取偶数个元素，如：$('li:even')
   :odd选取奇数个元素，如：$('li.odd')
   :gt(n)选取结果集中索引大于n的元素，n可以为负值，如：$(':gt(3)')
   :lt(n)选取结果集中索引小于n的元素，n可以为负值，如：$(':lt(3)')
   :header选取所有的标题元素，例如h1、h2、h3...，如：$(':header')
   :lang()选取指定语言的所有元素，，如：$('div:lang(zh-cn)')
   :not选取不符合的所有元素，如：$('input:not(:checked) + span')
   :root选取作为文档根目录的元素
   :target选取由文档的图片、视频、音频指示的目标元素
   :animated选择动画进行中的所有元素。如：$('div:animated)