-
通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引: var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 其实我们翻开源码,看看就知道了,get方法就是利用的第一种方式处理的,只是包装成一个get让开发者更直接方便的使用。查看全部
-
$('div')是jquery直接获取元素;$(div)是将dom对象转换成jquery, $("div")是直接用jQuery方法获取一个div元素,$div在这里是被定义的jQuery变量。 什么是DOM对象和DOM元素? JavaScript 对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。DOM对象,即是我们用传统的方法(javascript)获得的对象。 DOM元素就是HTML元素。 get方法括号里面的参数0起一个什么作用? 0指第一个,代表位置。相当于 $div[0]$div.get(1) 相当于 $div[1],以上意思是一样的 .get(n) 相当于返回数组第n个的值,更方便使用。 var div = $div[0] //转化成DOM对象? 上节课说“通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象,”这里说“var div = $div[0] //转化成DOM对象”,怎么滴jq对象加个【0】就变成DOM对象了? jQuery对象是对dom对象的封装,在获取dom对象的基础上增加了很多对象的方法,所以它们是很类似但又不同的两种对象。 为什么 只有放在body里才有效果??? <script type="text/javascript"> var $div = $('div'); //jQuery对象 div =$div.get(0) div.style.color = 'red'; //操作dom对象的属性 </script> 在body中,当文档加载的时候会自动实行脚本(javascript),如果不放在body中,在代码开头要加上$(document).ready(function(){});==原生js代码中的window.onload= function(){}。 jquery提供了get()方法,将jquery对象转换为DOM对象,get()方法的简化方法为[0]。$div[0]等价于$div.get(0),转为DOM元素一般使用[0]方法查看全部
-
Query对象 转为 DOM对象 我们使用jQuery的同时也能混合JavaScript原生代码一起使用。 jQuery对象是一个类数组对象,而DOM对象就是一个单独的DOM元素。 方法1:利用数组下标的方式读取到jQuery中的DOM对象 方法2:通过jQuery自带的get()方法,(原理与方法1相同,只是jQuery将其封装成一个方法了)查看全部
-
$就是jQuery的别称,而jQuery就是jQuery库提供的一个函数.查看全部
-
$("div").html相当于document.getElementtsByTagName('div').innerHTML查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
在jquery中,jquery()函数的别名为$,jquery把所有的操作都封装在jquery()函数中,会形成统一的操作入口。故alert($)会返回一个构造函数查看全部
-
jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
属性筛选查看全部
-
我们有几种方式可以隐藏一个元素: CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的,该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。查看全部
-
jQuery选择器之内容筛选选择器 基本筛选选择器针对的都是元素DOM节点,如果我们要通过内容来过滤,jQuery也提供了一组内容筛选选择器,当然其规则也会体现在它所包含的子元素或者文本内容上 http://img1.sycdn.imooc.com//57cd20bf0001a97f05290214.jpg 注意事项: :contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。 :parent与:empty是相反的,两者所涉及的子元素,包括文本节点查看全部
-
$("*");相当于 var elements=document.getElementsByTagName("*");查看全部
-
$("#id");相当于 var div=document.getElementById("id");查看全部
-
$(.class);相当于 var clas=document.getElementsByClassName('classname');查看全部
-
var div = document.getElementsByTagName('div');//获得dom对象 var $div=$(div); //转化成jquery对象 var $first = $div.first(); //找到第一个div元素 var $second = $div.eq(1); //找到第二个元素 var $third = $div.eq(2); //找到第三个元素查看全部
举报
0/150
提交
取消