为了账号安全,请及时绑定邮箱和手机立即绑定
  • <script src="https://cdn.bootcss.com/jquery/1.12.2/jquery.js"></script>
    查看全部
  • $(document).ready(function)(){ $("div").html } $(document).ready的作用等页面的文档document中节点加载完毕后再执行后续代码,可能依赖某个元素,但确保该元素在加载完毕后才能正确使用的。
    查看全部
  • $( "parent > child" ) 子选择器:选一个儿子。 $("ancestor descendant") 后代选择器:选择所有后代元素, 可能是该元素的一个孩子,孙子,曾孙等。 $("prev + next") 相邻兄弟选择器:选择prev后的一个兄弟 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有兄弟,具有相同的父元素。
    查看全部
    0 采集 收起 来源:练习题

    2018-03-22

  • 总体: this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。
    查看全部
  • 相信很多刚接触jQuery的人,很多都会对$(this)和this的区别模糊不清,那么这两者有什么区别呢? this是JavaScript中的关键字,指的是当前的上下文对象,简单的说就是方法/属性的所有者 下面例子中,imooc是一个对象,拥有name属性与getName方法,在getName中this指向了所属的对象imooc var imooc = { name:"慕课网", getName:function(){ //this,就是imooc对象 return this.name; } } imooc.getName(); //慕课网 当然在JavaScript中this是动态的,也就是说这个上下文对象都是可以被动态改变的(可以通过call,apply等方法),具体的大家可以查阅相关资料 同样的在DOM中this就是指向了这个html元素对象,因为this就是DOM元素本身的一个引用 假如给页面一个P元素绑定一个事件: p.addEventListener('click',function(){ //this === p //以下两者的修改都是等价的 this.style.color = "red"; p.style.color = "red"; },false); 通过addEventListener绑定的事件回调中,this指向的是当前的dom对象,所以再次修改这样对象的样式,只需要通过this获取到引用即可 this.style.color = "red" 但是这样的操作其实还是很不方便的,这里面就要涉及一大堆的样式兼容,如果通过jQuery处理就会简单多了,我们只需要把this加工成jQuery对象 换成jQuery的做法: $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') }) 通过把$()方法传入当前的元素对象的引用this,把这个this加工成jQuery对象,我们就可以用jQuery提供的快捷方法直接处理样式了
    查看全部
  • 除了表单元素选择器外,表单对象属性筛选选择器也是专门针对表单元素的选择器,可以附加在其他选择器的后面,主要功能是对所选择的表单元素进行筛选 表单筛选选择器的描述: 注意事项: 选择器适用于复选框和单选框,对于下拉框元素, 使用 :selected 选择器 在某些浏览器中,选择器:checked可能会错误选取到<option>元素,所以保险起见换用选择器input:checked,确保只会选取<input>元素
    查看全部
  • $p=$("选择器"); $().html('innerHTML').css('css属性 比如color','修改的值 比如red')
    查看全部
  • $(document).ready(function(){ $("div").html("xxx"); });
    查看全部
  • jQuery对象和DOM对象
    查看全部
  • $("某元素a~过滤选择器b"):一般兄弟选择器 匹配a后所有的兄弟元素b 注意 兄弟元素b下的子元素不包括!
    查看全部
  • $("prev+next"):prev后面直接相邻的第一个元素!必须是直接相邻的元素的选择器 不能是自己选择的
    查看全部
  • 相邻兄弟选择器、一般兄弟选择器不能向前选择
    查看全部
  • $("祖先 后代"):祖先元素的所有后代元素 包括直接子元素,各种嵌套的后代
    查看全部
  • $("parent>child"):parent元素中指定的child的【直接】子元素
    查看全部
  • *选择器:页面中所有元素 var a=$("*"); == var a=getelementbytagname('*');
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!