jQuery对象转化成DOM对象 jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为了是提供更好更方便快捷的DOM处理与开发常见中经常使用的功能.我们可以用jQuery的同时也能混合JavaScript原生代码一起使用.通过jQuery生成的对象是一个做了包装处理的对象,如果要用jQuery对象自己的方法,就需要满足这个对象是通过jQuery生成的. 在很多场景中,我们需要jQuery与DOM能够相互的转换,它们都是操作的DOM元素,jQuery是…

一.选择器类型 id选择器 class选择器 元素选择器 层级选择器 全选择器(*选择器) 二.有几种方式可以隐藏一个元素: CSS display的值是none. type="hidden"的表单元素. 宽度和高度都显式设置为0. 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 三.属性筛选选择器 四.子元素选择器 四.表单元素选择器 五.特殊选择器this  注意要点: this:表示当前的上下文对象是…

一.认识 //等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); 二.jQuery对象与DOM对象是不一样的 普通处理,通过标准JavaScript处理: <!-- 使用JS原生语法 --> <script type="text/javascript"> window.onload = function(){ // 通过原生JS语法获取id为imooc1的…

  1. $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用.      $(document).ready(function() {   内容  });   1.jQuery对象与DOM对象   jQuery对象与DOM对象是不一样的   普通处理,通过标准JavaScript处理:   var p = document.g…

进入官方网站获取最新的版本 http://jquery.com/download/    中文 https://www.jquery123.com/ <!--JQuery:轻量级的JavaScript库,核心依然是JavaScript,不仅兼容了CSS3,还兼容各种浏览器--> <!--1.容易上手 2.强大的选择器 3.解决浏览器的兼容 4.完善的事件机制 5.出色三维Ajax封装 6.丰富的UI--> <!--链式操作,回调函数,迭代器,延迟对象,对象--> 这里需…

一.操作特性的DOM方法主要有3个 getAttribute方法 setAttribute方法 removeAttribute方法 注意:而在jQuery中用一个attr()与removeAttr()就可以全部搞定了,包括兼容问题 二.注意的问题 dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,<js高级程序设计>书中翻译为“特性”和“属性”. [1]简单理解,Attribute就是dom节点自带的属性 例如:html中常用的id.class.title.al…

jQuery的优势 jQuery有很多特性和工具方法…

这周没事,优化线上项目,因为前端都在赶项目,我又若菜.于是前端数据展示也要自己来.看javascript看到吐,决定梳理一下Jquery基础知识.敲黑板) 闲扯结束,进入正题. 选择器 介绍 jquery可以通过元素选择器和属性选择器通过签名,属性名或者内容对html元素进行选择 元素选择器 使用css选择器来选取html元素 $("p") //选取 元素 $("p.intro") //选取所有class=intro的 元素 $("p#demo"…

一.DOM节点的创建 1.创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了 本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容,相信本文介绍一定会让你有所收获. 先介绍下需要用到的浏览…

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1…