jQuery教程 6个知识点学习
沉沙 2018-10-31 来源 : 阅读 1421 评论 0

摘要:本篇教程介绍了jQuery教程 6个知识点学习,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。

本篇教程介绍了jQuery教程 6个知识点学习,希望阅读本篇文章以后大家有所收获,帮助大家对jQuery的理解更加深入。

<

1、首先需要导入jQuery1.12.4.js文件,把文件和当前目录放同一目录下。在<body>中写上<script scr = ‘jQuery1.12.4.js‘><script/>,然后调用jQuery或者‘$’这两个是等价的,jQuery(‘id‘)<==>$(‘id‘);
2、Jquery和DOM之间的转换,jQuery==>DOM,jQuery $(‘id’)[0]则转化为DOM和document.getElementById(‘id‘)是等价的;
              DOM==>jQuery,tar = document.getElementById(‘id‘); $(tar)则表示转化为jQuery;
3、查找
    1)id查找
        $(‘#i1‘)查找id=‘i’的标签
    2)class查找
        $(‘.c1‘)表示查找class=‘c1’的标签
    3)混合查找
        $(‘#i1,.c1‘)表示查找id=‘i1‘和class=‘c1‘的所有标签;
    4)层级标签
        $(‘.c1 a‘)表示查找class=‘c1‘下边所有的“a”标签,包括子子孙孙;
        $(‘.c1>a‘)表示查找class=‘c1‘这一级标签内部的标签,只找他的儿子。
        $(‘.c1>a:first‘)表示查找class=‘c1‘这一级标签内部的标签,只找他的儿子,而且找到他的儿子;
        $(‘.c1 a:eq(0)‘)表示查找class=‘c1‘这一级标签内部的标签,找到索引为0的标签;
    5)属性查找
        $(‘[属性名=“属性值”]‘)当属性值为空时,表示表示查找所有这个属性的标签,当属性有值时,表示查找当前属性和属性值完全匹配的标签;
    6)表单查找
        $(‘:text‘)表示input标签中text格式的标签;
4、jQuery实现的全选、反选、取消
    PS:$(this).prop(‘checked‘),此时为得到$(this).prop(‘checked‘)的值;当$(this).prop(‘checked‘,true)表示将表达式$(this).prop(‘checked‘)赋值为true;
     当在jQuery中需要循环时可以直接用each()做循环。其中的this表示当前的循环的对象;
5、三元运算
    语法为: var v = 条件?参数1:参数2;当条件成立时,将参数1的值赋值给变量V,当条件不成立时,将参数2的值赋值给变量V;
6、筛选器
1)  $(‘#id‘).next()当前对象的下一个;
    $(‘#id‘).prev()当前对象的上一个;
    $(‘#id‘).parent()当前对象的父标签;
    $(‘#id‘).chilidren()当前对象的孩子标签;
    $(‘#id‘).sibliings()当前对象的兄弟表标签;
    $(‘#id‘).find(‘#id‘)当前对象内寻找指定的id;
2)$(‘#id‘).addClass()为当前标签添加指定的样式;
  $(‘#id‘).removeClass()为当前标签删除指定的样式;
3)jQuery支持链式编程;
4)添加事件:$(‘.c1‘).click(function(){xxxxx});为所有有c1类的标签添加click事件;
   

本文由职坐标整理并发布,希望对同学们有所帮助。了解更多详情请关注职坐标WEB前端jQuery频道!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程