十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
jquery 中 $('div','li')表示的是$(子,父),即从父节点里寻找子节点,是选择li标签里面所有div标签,而不是找li标签外面的div标签。
创新互联建站是一家集网站建设,桃山企业网站建设,桃山品牌网站建设,网站定制,桃山网站建设报价,网络营销,网络优化,桃山网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。
$('div','li') 和 $('div , li') 和 $('div li') 区别
1、$('div','li')是$(子,父),是从父节点里找子,而不是找li外面的div。
2、$('div , li')才是找所有的div和li,之间不存在父子关系。
3、$('div li') 是找div里面所有li,包括子级,孙子级,总之就是div里面所有li,不管有几层关系。
扩展资料:
div用法
DIV用法的语法:div内容/div
div作为html网页中常用的标签,其默认样式是独占一行,其CSS样式需要重新赋予。比如对div宽度、高度等样式设置、内部字体大小、字体颜色都需要通过CSS来实现。
通俗认识div,div作用就是实现布局、实现对内容样式控制、实现各种各样的布局效果。
DIV的用法实例,这里通过对div设置不同CSS样式,观察其效果。
DIV+CSS实例完整HTML源代码:
!DOCTYPE html
html
head
meta charset="gb2312" /
titlediv的用法在线演示 ;/title
style
div{ margin-top:10px}/* css注释说明:对div都设置上间距10px */
divcss5-1{font-size:16px}/* 设置css字体大小16px */
divcss5-2{color:#F00}/* 设置css字体颜色为红色 */
divcss5-3{ background:#000; color:#FFF}/* 设置CSS背景颜色为黑色和字体颜色为白色 */
divcss5-4{ border:1px solid #F00; height:60px}/* 设置css边框和CSS高度60px */
/style
/head
body
div普通内容一/div
div class="divcss5-1"我字体大小为16px/div
div class="divcss5-2"我字体颜色为红色/div
div class="divcss5-3"我背景为黑色字体为白色/div
div class="divcss5-4"布局设置边框和高度/div
/body
/html
参考资料来源:
DIV-百度百科
LI-百度百科
$就是jQuery的别称,而jQuery就是jQuery库提供的一个函数.(好像也不仅仅只是函数, 因为还有 $.ajax(options) 这样的使用,等同 jQuery.ajax(options))这个函数的作用是根据 () 里的参数进行查找和选择html文档中的元素, 函数作用之一就是GetElementByID的代替,但()内不仅可以是ID,还可以是各类选择器
三种具体用法:
1、$()可以是$(expresion),即css选择器、Xpath或html元素,也就是通过上述表达式来匹配目标元素。
比如:$("a")构造的这个对象,是用CSS选择器构建了一个jQuery对象——它选择了所有的a/这个标签。如: $("a").click(function(){...})
就是在点击页面上的任何一个链接时的触发事件。确切地说,就是jQuery用a/这个标签构建了一个对象$("a"),函数 click()是这个jQuery对象的一个(事件)方法。
2、$()可以是$(element),即一个特定的DOM元素。如常用的DOM对象有document、location、form等。如这样一行代码: $(document).find("divp").html());
$()中的document是一个DOM元素,即在全文寻找带p的div元素,并显示p中的内容。
3、$()可以是$(function),即一个函数,它是$(document).ready()的一个速记方式。如常见的形式是这样的:
$(document).ready(function(){
alert("Hello world!");
});
扩展资料
js中this的用法
说到this,就不得不提到function,正是由于调用function的对象不同,才导致了this的指向不同。所以以前老是去记忆每种调用function的情况所对应的this,因为情况有限而且很少,所以这当然是可行的——对于聪明人来说。那么首先我们需要明确的一个事情是:function也是对象。
同时我们还需要明确的一个事情是:function执行时是在某个特定的上下文中执行的。比如你要console.log(a),没有a就无法支持函数的执行,所以某种意义上讲,a就是上下文的一部分。函数执行时它也需要一些额外的信息来支撑它的运行。
既然function是对象的话,就会有方法。而function中最核心的方法是call方法,这也是理解this最关键的方法。
$this只是个自定义的变量;
$(this)是将当前don对象转换成jquery对象 ;
一般定义jquery变量习惯$开头,提高可读性而已。
$(this)是把DOM对象封装成jquery对象,其相当于一个集合。
用法如下:
a href="" target="_blank" data-id="1010000000125418"jQuery/a
$('a').click(function(){
this.innerHTM==$(this).html()=='jQuery';//三者是一样的.
this.getAttribute('href')==this.href==$(this).attr('href')//三者是一样的;
this.getAttribute('target')==this.target==$(this).attr('target')//三者是一样的;
this.getAttribute('data-id')==$(this).attr('data-id')//二者是一样的;
});
1、新建一个html文件,命名为test.html。
2、在test.html文件内,引入jquery.min.js库文件,成功加载该文件,才能使用jquery中的方法。
3、在test.html文件内,使用span创建一行文字,并设置其id属性为test,主要用于下面通过该id获得span对象。
4、在test.html文件内,使用jquery中的$符号通过id(test)获得span标签对象,再使用bind()方法给它绑定click点击事件,当span元素被点击时,执行function()函数。
5、在function函数内,使用$(this)获得当前对象,相当于使用$("#test")获得对象,通过text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击span标签,查看实现的效果。
6、在test.html文件内,使用this创建一个标签,在该标签内写上测试的文字,同时,使用button标签创建一个按钮,给button按钮绑定onclick点击事件,当按钮被点击时,执行getthis()函数。
7、在getthis()函数内,通过$("this")获得this标签对象,使用text()方法获得span的内容,使用alert()方法将内容输出来。在浏览器打开test.html文件,点击按钮,查看实现的效果。
$是jquery专用的特殊符号,可以说所有jquery函数的调用都是从$开始的
$()在jquery里面表示一个选择器,括号里面填写一定的表达式就可以选中你想要的元素,jquery的选择器除了能很好地遵循css的表达式外,还额外提供了一些更个性化的选择方式,比如$("div li:nth-child(2)")选中的是div中的第2个li元素。
关于选择器的更多用法可以百度一下jquery的api
$(document)是一个选择器,选中的是整个html所有元素的集合。
$(function(){..})等于document.ready事件,即在页面所有元素准备完毕之后,载入页面之前执行本方法