-
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script> <title></title> </head> <body> <script type="text/javascript">alert($) </script> </body> </html>查看全部
-
$("div").html类似div.innerHTML,就是改变div文本内容的意思查看全部
-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
学编程,遇到一些简称的代码,去查清楚全称,记忆会更牢固,就比如eq全称是equal(意思是“等于”);gt全称是greater than(意思是大于);lt全称是less than(意思是小于)。 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素 这句话什么意思? $("input:not(:checked)+p").css("background-color", "red"); 选择input中没有被选中的元素,然后找出这些元素的直接兄弟元素;你把这个选择拆开看就好懂了,比如既可以看看$("input")是什么效果,然后是$("input:not(:checked)")是什么效果,最后是$("input:not(:checked)+p")是什么效果,一对比你就比较清楚了。查看全部
-
id选择器 $( "#id" ) id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器 值得注意:id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的。查看全部
-
$div 与$(div)的区别: 第一个是JQ对象,第二个是获取dom对象,一般把DOM对象转化为JQ对象var $div=$(div); $(this) 当前 HTML 元素 $("p") 所有 <p> 元素 $("p.intro") 所有 class="intro" 的 <p> 元素 $(".intro") 所有 class="intro" 的元素 $("#intro") id="intro" 的元素 $("ul li:first") 每个 <ul> 的第一个 <li> 元素 $("[href$='.jpg']") 所有带有以 ".jpg" 结尾的属性值的 href 属性 1:jQuery转化成DOM jQuery是一个类数组对象,DOM对象就是一个单独的DOM元素 var $div = $('div'); //jQuery对象 var div = $div[0]; var div2=$div.get(1); div.style.color = 'red'; //操作dom对象的属性 div2.style.color = 'blue'; 2:开发中更多的情况是把一个dom对象加工成jQuery对象。$(参数)是一个多功能的方法,通过传递不同的参数而产生不同的作用。 如果传递给$(DOM)函数的参数是一个DOM对象,jQuery方法会把这个DOM对象给包装成一个新的jQuery对象 通过$(dom)方法将普通的dom对象加工成jQuery对象之后,我们就可以调用jQuery的方法了 var div = document.getElementsByTagName('div');//获取dom对像 $div = $(div); //将dom节点div转化为$div的jquery对象 var $first = $div.first(); //找到第一个div元素 $first.css('color', 'red'); //给第一个元素设置颜色查看全部
-
$('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]方法查看全部
-
1.通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 2.通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。查看全部
-
JQuery加载页面的三种方法: 1.$(document).ready(function(){}); 2.$(function(){}); 3.jQuery(function($){}); jQuery.html();函数,用途相当于获取或设置DOM对象的innerHTML属性 $("div").html()是使用标签选择器获取div标签,并将内容设置为:您好!通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器,如: $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元素 $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
在index.html同目录下新建文件夹js, 在index.html中就可以直接 <script src="js/jquery.js"></script>加载了. 加载在线的就把src的改成地址就行. 地址协议不能省略.查看全部
-
我们有几种方式可以隐藏一个元素: 1、CSS display的值是none。 2、type="hidden"的表单元素。 3、宽度和高度都显式设置为0。 不在文档中的元素是被认为是不可见的,如果当他们被插入到文档中,jQuery没有办法知道他们是否是可见的,因为元素可见性依赖于适用的样式 如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。 4、一个祖先元素是隐藏的,该元素是不会在页面上显示 5、CSS visibility的值是hidden 6、CSS opacity的指是0查看全部
-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。 把jQuery对象转成DOM对象的方法: 1、利用数组下标的方式读取到jQuery中的DOM对象 var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性 2、通过jQuery自带的get()方法 jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引: var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性查看全部
-
通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。查看全部
-
本节主要介绍了选择器的高级用法,就是通过父级元素向下延伸来选择自级元素。方法共有4中,前两是父子,后两者是兄弟。查看全部
-
jQuery基础 (一)—样式篇——简介 1、jQuery轻量级的JavaScript库,核心是JavaScript,兼容css和各种浏览器,核心理念是写得少做得多。 2、优势:容易上手,强大的选择器,节约开发时间,丰富的UI,完善的事件机制,Ajax的封装。 3、特性和方法:连试操作、回调函数、迭代器、延迟对象、队列...查看全部
举报
0/150
提交
取消