重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
jQuery官方解释的很清楚jQuery是一个快速、简洁、功能丰富的JavaScript库,重点在jQuery是一个库(library)
创新互联公司主要从事网站建设、做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务屯留,10余年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
库(library)就是一系列方法组成的集合,开发人员在使用库的过程中,想要什么功能就可以调用库中提供的对应方法就行。有点像图书馆中保存了各种类的图书,最近想要研究心理学,就可以在图书馆中查阅对应的书籍一个道理
jQuery就是一个js库,它里面就提供了很多的属性和方法供我们使用,
比如想操作样式,jQuery就提供了css等方法。比如想要制作一个动画,jQuery就提供了show()/slideDown()/animate()等方法。
你好!!
获取一个元素的值可以有很多方式:
通过id选择器:$("#txt").val();
通过class选择器:$(".ipt").val();
通过属性选择器:$("input[name='uname']").val();
$.each(data, function(){ ... })或
$(data).each(function(){ ... })
jquery中的层级选择器:
1. ancestor descendant:表示选取ancestor里面所有的descendant元素。
2. parent child:表示选择parent元素的所有子元素。
3. prev + next:表示选择prev后面的兄弟元素,就是下一个元素。
4. prev ~ siblings:表示选择prev后面的兄弟元素,后面所有的元素。
$("#btnAdd").click(function(){
$("span/").appendTo("#addTagDiv").html($("#textAdd").val()).addClass("spanTag").click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象,你可以对他们进行任何操作
//比如现在我就移除当前这个span
$(this).remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内,该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试,如有问题请继续追问
三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。
其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
$(document).ready(function(){
$("div p").first();//获取第一个div中的第一个p
$("div p").last();//获取最后一个div中的最后一个p
$("p").eq(1);//获取所有p中的第二个p
$("p").filter(".demo");//返回带有demo类名的所有p
$("p").not(".demo");//返回不带有demo类名的所有p
$("p").parent();//返回p的直接父元素;
$("p").parents();//返回p的所有祖先
$("p").parentsUntil("div");//返回p与div间的所有祖先
$("div").children();//返回div的直接子元素
$("div").find();//返回div的所有后代
$("h1").siblings();//返回h1的所有兄弟元素
$("h1").next();//返回h1的下一个同胞元素
$("h1").nextAll();//返回h1后面的所有同胞元素
$("h1").nextUntil("h6");//返回h1与h6间的所有同胞元素
prev(), prevAll() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素
});