【JQuery学习历程】1.初识JQuery】的更多相关文章

基本选择器 选择器 描述 返回 示例 #id 根据给定的id匹配元素 单个元素 $("#myId") .class 根据给定的class类匹配元素 集合元素 $(".myClass") element 元素选择器,匹配给定标签的元素 集合元素 $("input") * 匹配所有元素 集合元素 $("*") selector1,selector2 组合选择器,取交集 集合元素 $("div,input")选取…
1.JQuery简介: JQuery是用js写的JavaScript库,是为了简化js对HTML元素的操作.实现动画效果并方便为网站提供ajax交互: 2.ready()方法: ready()方法和js的windown.onload()方法类似,都是当页面的文档加载完毕后调用该方法:不同的是ready()方法是当DOM元素的结构绘制完毕后执行(一些图片类的资源可以没有加载完成)同时可以执行多个而windown.onload()方法是页面的所有资源都加载完毕后执行(包括图片资源)并且只能执行一次:…
1.jQuery对象和DOM对象的区别 DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象; eg: var domObj = document.getElementById("id"); //DOM对象var $obj = $("#id"); //jQuery对象; jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的.如果一个对象是jQuery对象,那么就…
jquery最大的好处是将js对html页面的操作(读写)进行了封装,隔离了浏览器的差异性,并简化了操作,和提供了强大的功能. 在web页面中,所有的js操作都是围绕操作dom对象来的.而jquery对象就是对dom对象的封装.整个jquery代码的主要工作就是获取相应的jquery对象,然后调用对象的各种方法进行操作.也就是获取jquery对象是编写代码的核心和基础. 通过jquery提供的方式,可以有很多种获取jquery对象的方法,下面会介绍一些常用的方式. 在jquery中,是通过各式各…
jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来. 我的下拉框是: <div class="form-group"> <select class="form-control" id="iv_level"> <option value="">店员</option> <option value="">店长</option>…
1.jQuery的三种$() 1)$()可以是$(expresion),即css选择器.Xpath或html元素,也就是通过上述表达式来匹配目标元素.   比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象--它选择了所有的<a/>这个标签.   eg:$("a").click(function(){...}) :就是在点击页面上的任何一个链接时的触发事件.      alert($("div>p").…
一.前言 在使用jQuery选择器获取到jQuery包装集后,我们就要对这些包装集进行各种操作 二.创建新的元素 1.使用HTMLDOM创建元素 (1)什么是DOM 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model) (2)使用HTML DOM创建元素 <div id="testDiv"></div> <script> var select = document.createElement("sel…
jQuery 学习笔记   一.jQuery概述    宗旨: Write Less, Do More.    基础知识:        1.符号$代替document.getElementById()函数        2.使用Css+Xpath来查询页面元素        3.适当的混用jQuery.Dom和JavaScript能够提升程序的执行效率.            如:Offset.Append.Before是jQuery的瓶颈        4.函数$()是$("document…
jQuery 内容和属性   这节课,我们学习使用jQuery来控制元素的内容.值和属性.   html() 控制所选元素的内容(包括HTML标记): text() 控制所选元素的内容: val() 控制表单里value的值: attr() 控制属性,比如a标签里的href  .   这几个方法特别的简单好用,那么怎么用呢?它的格式写法,我们来瞧瞧源代码:   <!DOCTYPE html> <html> <head lang="en"> <m…
目录 目录 引用 注意 HelloWorldHelloWorld! jQueryjQuery对象和DOMDOM对象的相互转换 冲突的解决 引用 本地文件引用: <script src="lib/jquery-3.3.1.min.js" type="text/javascript"></script> url引用: <script src="https://code.jquery.com/jquery-3.3.1.min.js&…