jquery选择器

一 jQuery是什么？ ［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 ［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］ 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 ［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 ［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二 什么是 jQuery 对象？ jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是是jQuery独有.如果一个对象是jQuery对象,那么它就可以用jQuery里的方法: $("#test").html(); $("test").html() 意思是指:获取ID为 test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码: document.getElementById("test").innerHTML;

二.jQuery是什么 jQuery由美国人John Resig创建,至今已经吸引了来自实践各地的众多javascript高手加入其team jQuery是继prototype之后又一个优秀的JavaScript框架,其宗旨是----WRITE LESS,DO MORE! 它是轻量级的JS库(压缩后只有21K),这是其他JS库所不及的,它兼容CSS3,还兼容各种浏览器 jQuery是一个快速的,简洁的JavaScript库,使用户能更方便处理HTMLdocuments,events,实现动画效果,并且方便地为网站提供Ajax交互 jQuery还有一个比较大的优势是,他的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择 三什么是jQuery对象 jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML;

一 jQuery是什么 jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! 它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 二 什么是jQuery对象 jQuery 对象就是通过jQuery包装DOM对象后产生的对象。jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码。其中html()是jQuery里的方法 这段代码等同于用DOM实现代码： document.getElementById(" test ").innerHTML;

内容回顾 DOM事件 事件的绑定 方式一 行内绑定<a onclick="函数名()"></a>function 函数名(){ 函数体}​方式二 匿名函数绑定某对象.onclick = function(){ 函数体}​方式三 函数名绑定某对象.onclick = 函数名function 函数名(){ 函数体} 常见事件 onclick() 单机事件 onmouseover() 鼠标悬浮onmouseout() 鼠标离开onscroll() 滚动轴移动onChange() 文本区域内内容变化onfocus() 获取焦点onblur() 失去焦点 BOM 和浏览器的操作相关的 window对象 定时器方法setInterval("fn()",n) 每隔n毫秒就执行fn函数一次setTimeout("fn()",n) n毫秒之后执行fn函数一次​innerHeight 浏览器显示网页内部内容的高度,会随着浏览器窗口变化innerWidth 浏览器显示网页内部内容的宽度,会随着浏览器窗口变化 location对象 地址栏 属性 :href查看页面的url连接,href = '新的url',跳转到新的页面​方法:reload()刷新页面 history对象 history.back() go(-1) //回到上一页history.go(0) //刷新history.forward() go

jQuery介绍 jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。 下载地址: jQuery官方网站: http://jquery.com/ <script type="text/javascript" src="js/jquery-1.12.2.js"></script> 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个 问题,它的速度比原生的 window.onload 更快。 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> 详细写法 <script type="text/javascript"> $(function(){ ...... }); </script> 简写 将获取元素的语句写到页面头部,会因为元素还没有加载而出错,jquery提供了ready方法解决这个 问题,它的速度比原生的 window.onload 更快 <script type="text/javascript"> $(document).ready(function(){ ...... }); </script> jQuery选择器 基本选择器 选择某个网页元素,然后对它进行某种操作,

1、jquery过滤方法 eq(index|-index) first() last() hasClass(class) filter(expr|obj|ele|fn) is(expr|obj|ele|fn) map(callback) has(expr|ele) not(expr|ele|fn) slice(start,[end]) 具体事例如下： <ul> <li>第一个</li> <li>第二个</li> <li class="box" id="li3"><span class="child">第三个</span></li> <li>第四个</li> <li>第五个</li> </ul> eq() 获取子元素里面的其中某一个，根据索引来获取。 -index -1开始的 console.log($("ul>li:first")); console.log($("ul>li:eq(0)")); console.log($("ul>li:nth-child(1)")); console.log($("ul>li").eq(0));//上面四个等价均是第一个li console.log($("ul>li").eq(-1)); console.log($("ul>li:last")); hasClass(class) 根据元素的类名称来进行过滤的 参数是class名称

什么是jQuery? jquery 是 js的封装的一个框架 快速开发 优点：写的少 做的比较多 处理浏览器之间的兼容性 把js的大量语法进行封装 大量的方法 大量的学习方法和dom之类 jquery库 在head body里面都是可以引入 在写jquery 代码的时候先引入jquery文件（库） 才能去写常规的jquery代码 （先跑库代码 在走写的jquery代码） <script src="jquery/jquery.js"></script> window.jQuery==window.$=jQuery 所以在jquery里面书写是用$ jquery dom获取的时候注意元素是否初始化.若不考虑是否初始化 需要以下加载函数 注意：jquery 加载函数 类似 浏览器的加载完成事件window.onload $(document).ready(function () { console.log("加载完成"); console.log($("#btn")); }); 简写为 $(function(){ }) dom元素获取方式 注意：jquery对象返回的是一个集合 直接使用 jquery 代码可以进行隐式迭代器 （可以进行一堆的操作） 1）基本选择器 id class 元素 * 复合元素选取$("button,input") 2）层次选择器 获取子元素 +获取下一个元素

介绍 /*--> */ /*--> */ jQuery是一个javascript库，核心理念是write less,do more(写得更少,做得更多)，他内部帮我们把几乎所有功能都做了封装，相比上一节基于DOM、BOM操作会更加简单。 例如：根据ID选择标签 // DOM 选择 document.getElementById('item'); // jQuery 选择 $('#item'); 快速应用 在使用jQuery时，需要提前下载并应用jQuery之后，才能在代码中使用。 下载jQuery http://jquery.com/download/ 应用jQuery <!DOCTYPE html> <html> <head> <meta charset='utf-8'/> <title>jQuery学习</title> <style> </style> </head> <body> <div id="item">Hello world <div>我是item的子标签</div> </div> <!--导入jQuery--> <script type="text/javascript" src="../js/jquery.js"></script> <script type="text/javascript"> // 获取标签文本内容 var tar = $('#item')

报错 在Chrome 控制台调试的时候，我使用 $ 选取页面元素，调用方法时报错 > $ ( "title" ) . find ( ) VM116 : 1 Uncaught TypeError : $ ( ... ) . find is not a function at < anonymous > : 1 : 12 解决 根据jQuery的教程，我使用别名发现没有定义，明明 $ 可用 > jQuery jQuery is not defined 后来看了别的文章才知道，控制台也提供了一个 $ 作为 document.querySelector() 方法的简写… 千万只草泥马奔腾而过， $ 作为jQuery通用的标识符，竟然被控制台控制了! 引入jQuery之后就可用了 var hm = document.createElement("script"); hm.src = "https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); 总结 jQuery没有引入和引入的差别： // 没有引入jQuery 是控制台提供的接口 相当于：document

Tip16：JS的定时器 　　JS 中有两种定时器，setTimeout('fn', t) 和 setInterval('fn', t)，'fn'指的是定时执行的方法名，字符串类型。 　　setTimeout('fn', t)： 只执行一次，执行完成后将销毁。 　　setInterval('fn', t)：一直执行。 (Date：2012-02-17) ----------------------------------------------------------------- Tip15：Jquery触发回车事件 $(function () { $('#target').bind('keyup', function (event) { if (event.keyCode == 13) { alert("Hello~"); } }); }); (Date：2011-10-28) ----------------------------------------------------------------- Tip14：获得select 的值 　　jquery可以像获取textbox值一样获取select的值：$('select').val(); (Date：2011-10-19) ------------------------------------------------