前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jquery第一次课的案例教程

jquery第一次课的案例教程

作者头像
张哥编程
发布于 2024-12-19 00:30:41
发布于 2024-12-19 00:30:41
20900
代码可运行
举报
文章被收录于专栏:云计算linux云计算linux
运行总次数:0
代码可运行

为什么要学jquery

使用javascript开发过程中,有许多的缺点:

  1. 查找元素的方法单一,麻烦。
  2. 遍历数组很麻烦,通常要嵌套一大堆的for循环。
  3. 有兼容性问题。
  4. 想要实现简单的动画效果,也很麻烦
  5. 代码冗余。

体验jquery的使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
/*
* 1. 查找元素的方法多种多样,非常灵活
* 2. 拥有隐式迭代特性,因此不再需要手写for循环了。
* 3. 完全没有兼容性问题。
* 4. 实现动画非常简单,而且功能更加的强大。
* 5. 代码简单、粗暴。
* */
$(document).ready(function () {
    $("#btn1").click(function () {
        $("div").show(200);
    });
    $("#btn2").click(function () {
        $("div").text("我是内容");
    });
});

jquery到底是什么

jQuery的官网 http://jquery.com/ jQuery就是一个js库,使用jQuery的话,会比使用JavaScript更简单。

What is jQuery?

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
   jQuery is a fast, small, and feature-rich JavaScript library. 
   It makes things like HTML document traversal and manipulation, 
   event handling, animation, and Ajax 
   much simpler with an easy-to-use API that works across a multitude of browsers. 
   With a combination of versatility and extensibility, 
   jQuery has changed the way that millions of people write JavaScript. 

js库:把一些常用到的方法写到一个单独的js文件,使用的时候直接去引用这js文件就可以了。 (animate.js、common.js)

我们知道了,jQuery其实就是一个js文件,里面封装了一大堆的方法方便我们的开发, 其实就是一个加强版的common.js,因此我们学习jQuery,其实就是学习jQuery这个js文件中封装的一大堆方法。

jquery的版本问题

官网下载地址:http://jquery.com/download/ jQuery版本有很多,分为1.x 2.x 3.x 1.x和2.x版本jquery都不再更新版本了,现在只更新3.x版本。

大版本分类:

  • 1.x版本:能够兼容IE678浏览器
  • 2.x版本:不能兼容IE678浏览器
  • 3.x版本:不能兼容IE678浏览器,更加的精简(在国内不流行,因为国内使用jQuery的主要目的就是兼容IE678)

关于压缩版和未压缩版:

  • jquery-1.12.4.min.js:压缩版本,适用于生产环境,因为文件比较小,去除了注释、换行、空格等东西,但是基本没有颗阅读性。
  • jquery-1.12.4.js:未压缩版本,适用于学习与开发环境,源码清晰,易阅读。

jquery的入口函数

使用jQuery的三个步骤:

  1. 引入jQuery文件
  2. 入口函数
  3. 功能实现

关于jQuery的入口函数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//第一种写法
$(document).ready(function() {
	
});
//第二种写法
$(function() {
	
});

jQuery入口函数与js入口函数的对比:

  1. JavaScript的入口函数要等到页面中所有资源(包括图片、文件)加载完成才开始执行。
  2. jQuery的入口函数只会等待文档树加载完成就开始执行,并不会等待图片、文件的加载。

jq对象和dom对象(重要)

  1. DOM对象:使用JavaScript中的方法获取页面中的元素返回的对象就是dom对象。
  2. jQuery对象:jquery对象就是使用jquery的方法获取页面中的元素返回的对象就是jQuery对象。
  3. jQuery对象其实就是DOM对象的包装集包装了DOM对象的集合(伪数组)
  4. DOM对象与jQuery对象的方法不能混用。

DOM对象转换成jQuery对象:【联想记忆:花钱】

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象

jQuery对象转换成DOM对象:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var $li = $("li");
//第一种方法(推荐使用)
$li[0]
//第二种方法
$li.get(0)

jquery选择器

什么是jQuery选择器

  • jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到页面中的元素。 注意:jQuery选择器返回的是jQuery对象。
  • jQuery选择器有很多,基本兼容了CSS1到CSS3所有的选择器,并且jQuery还添加了很多扩展性的选择器。 【查看jQuery文档】
  • jQuery选择器虽然很多,但是选择器之间可以相互替代,就是说获取一个元素,你会有很多种方法获取到。 所以我们平时真正能用到的只是少数的最常用的选择器。

基本选择器

名称

用法

描述

ID选择器

$(“#id”);

获取指定ID的元素

类选择器

$(“.class”);

获取同一类class的元素

标签选择器

$(“div”);

获取同一类标签的所有元素

并集选择器

$(“div,p,li”);

使用逗号分隔,只要符合条件之一就可。

交集选择器

$(“div.redClass”);

获取class为redClass的div元素

总结:跟css的选择器用法一模一样。

层级选择器

名称

用法

描述

子代选择器

$(“ul>li”);

使用>号,获取儿子层级的元素,注意,并不会获取孙子层级的元素

后代选择器

$(“ul li”);

使用空格,代表后代选择器,获取ul下的所有li元素,包括孙子等

总结:跟css的选择器用法一模一样。

过滤选择器

名称

用法

描述

:eq(index)

$(“li:eq(2)”).css(“color”, ”red”);

获取到的li元素中,选择索引号为2的元素,索引号index从0开始。

:odd

$(“li:odd”).css(“color”, ”red”);

获取到的li元素中,选择索引号为奇数的元素

:even

$(“li:even”).css(“color”, ”red”);

获取到的li元素中,选择索引号为偶数的元素

总结:这类选择器都带冒号

筛选选择器(方法)

名称

用法

描述

children(selector)

$(“ul”).children(“li”)

相当于$(“ul>li”),子类选择器

find(selector)

$(“ul”).find(“li”);

相当于$(“ul li”),后代选择器

siblings(selector)

$(“#first”).siblings(“li”);

查找兄弟节点,不包括自己本身。

parent()

$(“#first”).parent();

查找父亲

eq(index)

$(“li”).eq(2);

相当于$(“li:eq(2)”),index从0开始

next()

$(“li”).next()

找下一个兄弟

prev()

$(“li”).prev()

找上一次兄弟

总结:筛选选择器的功能与过滤选择器有点类似,但是用法不一样,筛选选择器主要是方法。

【案例:下拉菜单】 【案例:突出展示】 【案例:手风琴】 【案例:淘宝精品】

元素设置

样式设置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*1.设置一个样式*/
    //两个参数  设置的样式属性,具体样式
    $('li').css('color','red');
    //传入对象(设置的样式属性:具体样式)
    $('li').css({'color':'red'});
    /*2.设置多个样式*/
    $('li').css({
        'color':'green',
        'font-size':'20px'
    });

类名设置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*1.添加一个类*/
    $('li').addClass('now');
    /*2.删除一个类*/
    $('li').removeClass('now');
    /*3.切换一个类  有就删除没有就添加*/
    $('li').toggleClass('now');
    /*4.匹配一个类  判断是否包含某个类  如果包含返回true否知返回false*/
    $('li').hasClass('now');

对应案例:案例-《tab切换》

属性设置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*1.获取属性*/
    $('li').attr('name');
    /*2.设置属性*/
    $('li').attr('name','tom');
    /*3.设置多个属性*/
    $('li').attr({
        'name':'tom',
        'age':'18'
    });
    /*4.删除属性*/
    $('li').removeAttr('name');

对应案例:案例-《美女相册》

prop方法

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*对于布尔类型的属性,不要attr方法,应该用prop方法 prop用法跟attr方法一样。*/
    $("#checkbox").prop("checked");
    $("#checkbox").prop("checked", true);
    $("#checkbox").prop("checked", false);
    $("#checkbox").removeProp("checked");

对应案例:案例-《表格全选》

动画

基本动画

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*注意:动画的本质是改变容器的大小和透明度*/
    /*注意:如果不传参数是看不到动画*/
    /*注意:可传入特殊的字符  fast normal slow*/
    /*注意:可传入数字 单位毫秒*/
    /*1.展示动画*/
    $('li').show();
    /*2.隐藏动画*/
    $('li').hide();
    /*3.切换展示和隐藏*/
    $('li').toggle();

滑入滑出

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*注意:动画的本质是改变容器的高度*/
    /*1.滑入动画*/
    $('li').slideDown();
    /*2.滑出动画*/
    $('li').slideUp();
    /*3.切换滑入滑出*/
    $('li').slideToggle();

对应案例:案例-《下拉菜单》

淡入淡出

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*注意:动画的本质是改变容器的透明度*/
    /*1.淡入动画*/
    $('li').fadeIn();
    /*2.淡出动画*/
    $('li').fadeOut();
    /*3.切换淡入淡出*/
    $('li').fadeToggle();
    $('li').fadeTo('speed','opacity');

对应案例:案例-《轮播图》

自定义动画

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*
    * 自定义动画
    * 参数1:需要做动画的属性
    * 参数2:需要执行动画的总时长
    * 参数3:执行动画的时候的速度
    * 参数4:执行动画完成之后的回调函数
    * */
    $('#box1').animate({left:800},5000);
    $('#box2').animate({left:800},5000,'linear');
    $('#box3').animate({left:800},5000,'swing',function () {
        console.log('动画执行完成');
    });

对应案例:案例-《手风琴菜单》

动画队列

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*
    jQuery中有个动画队列的机制。
    当我们对一个对象添加多次动画效果时后添加的动作就会被放入这个动画队列中,  
    等前面的动画完成后再开始执行。
    可是用户的操作往往都比动画快,  
    如果用户对一个对象频繁操作时不处理动画队列就会造成队列堆积,
    影响到效果。
    */

stop使用

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*1.停止当前动画  如果动画队列当中还有动画立即执行*/
    //$('div').stop();
    /*2.和stop()效果一致  说明这是默认设置*/
    //$('div').stop(false,false);
    /*3.停止当前动画  清除动画队列*/
    //$('div').stop(true,false);
    /*4.停止当前动画并且到结束位置  清除了动画队列*/
    //$('div').stop(true,true);
    /*5.停止当前动画并且到结束位置  如果动画队列当中还有动画立即执行*/
    $('div').stop(false,true);

对应案例:案例-《音乐导航》 对应案例:案例-《工具栏》

节点操作

创建节点

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*创建节点*/
    var $a = $('<a href="http://www.baidu.com" target="_blank">百度1</a>');

克隆节点

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*如果想克隆事件  false  true克隆事件*/
    var $cloneP = $('p').clone(true);

添加&移动节点

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*追加自身的最后面  传对象和html格式代码*/
    $('#box').append('<a href="http://www.baidu.com" target="_blank"><b>百度3</b></a>');
    $('#box').append($('a'));
    /*追加到目标元素最后面  传目标元素的选择器或者对象*/
    $('<a href="http://www.baidu.com" target="_blank"><b>百度3</b></a>').appendTo($('#box'));
    $('a').appendTo('#box');
    
    prepend();
    prependTo();
    after();
    before();

删除节点&清空节点

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    /*1.清空box里面的元素*/
    /* 清理门户 */
    $('#box').empty();
    /*2.删除某个元素*/
    /* 自杀 */
    $('#box').remove();

【案例-《弹幕》】

jQuery特殊属性操作

val方法

val方法用于设置和获取表单元素的值,例如input、textarea的值

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //设置值
    $("#name").val('张三');
    //获取值
    $("#name").val();

html方法与text方法

html方法相当于innerHTML text方法相当于innerText

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //设置内容
    $('div').html('<span>这是一段内容</span>');
    //获取内容
    $('div').html()
    
    //设置内容
    $('div').text('<span>这是一段内容</span>');
    //获取内容
    $('div').text()

区别:html方法会识别html标签,text方法会那内容直接当成字符串,并不会识别html标签。

width方法与height方法

设置或者获取高度

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //带参数表示设置高度
    $('img').height(200);
    //不带参数获取高度
    $('img').height();

获取网页的可视区宽高

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取可视区宽度
    $(window).width();
    //获取可视区高度
    $(window).height();

scrollTop与scrollLeft

设置或者获取垂直滚动条的位置

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取页面被卷曲的高度
    $(window).scrollTop();
    //获取页面被卷曲的宽度
    $(window).scrollLeft();

offset方法与position方法

offset方法获取元素距离document的位置,position方法获取的是元素距离有定位的父元素的位置。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //获取元素距离document的位置,返回值为对象:{left:100, top:100}
    $(selector).offset();
    //获取相对于其最近的有定位的父元素的位置。
    $(selector).position();

jQuery事件机制

JavaScript中已经学习过了事件,但是jQuery对JavaScript事件进行了封装,增加并扩展了事件处理机制。jQuery不仅提供了更加优雅的事件处理语法,而且极大的增强了事件的处理能力。

jQuery事件发展历程(了解)

简单事件绑定>>bind事件绑定>>delegate事件绑定>>on事件绑定(推荐)

简单事件注册

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    click(handler)			//单击事件
    mouseenter(handler)		//鼠标进入事件
    mouseleave(handler)		//鼠标离开事件

缺点:不能同时注册多个事件

bind方式注册事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //第一个参数:事件类型
    //第二个参数:事件处理程序
    $("p").bind("click mouseenter", function(){
        //事件响应方法
    });

缺点:不支持动态事件绑定

delegate注册委托事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 第一个参数:selector,要绑定事件的元素
    // 第二个参数:事件类型
    // 第三个参数:事件处理函数
    $(".parentBox").delegate("p", "click", function(){
        //为 .parentBox下面的所有的p标签绑定事件
    });

缺点:只能注册委托事件,因此注册时间需要记得方法太多了

on注册事件

on注册事件(重点)

jQuery1.7之后,jQuery用on统一了所有事件的处理方法。 最现代的方式,兼容zepto(移动端类似jQuery的一个库),强烈建议使用。

on注册简单事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 表示给$(selector)绑定事件,并且由自己触发,不支持动态绑定。
    $(selector).on( "click", function() {});

on注册委托事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 表示给$(selector)绑定代理事件,当必须是它的内部元素span才能触发这个事件,支持动态绑定
    $(selector).on( "click",'span', function() {});

on注册事件的语法:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 第一个参数:events,绑定事件的名称可以是由空格分隔的多个事件(标准事件或者自定义事件)
    // 第二个参数:selector, 执行事件的后代元素(可选),如果没有后代元素,那么事件将有自己执行。
    // 第三个参数:data,传递给处理函数的数据,事件触发的时候通过event.data来使用(不常使用)
    // 第四个参数:handler,事件处理函数
    $(selector).on(events,[selector],[data],handler);

事件解绑

unbind方式(不用)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $(selector).unbind(); //解绑所有的事件
    $(selector).unbind("click"); //解绑指定的事件

undelegate方式(不用)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $( selector ).undelegate(); //解绑所有的delegate事件
    $( selector).undelegate( 'click' ); //解绑所有的click事件

off方式(推荐)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 解绑匹配元素的所有事件
    $(selector).off();
    // 解绑匹配元素的所有click事件
    $(selector).off("click");

触发事件

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    $(selector).click(); //触发 click事件
    $(selector).trigger("click");

jQuery事件对象

jQuery事件对象其实就是js事件对象的一个封装,处理了兼容性。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //screenX和screenY	对应屏幕最左上角的值
    //clientX和clientY	距离页面左上角的位置(忽视滚动条)
    //pageX和pageY	距离页面最顶部的左上角的位置(会计算滚动条的距离)
    
    //event.keyCode	按下的键盘代码
    //event.data	存储绑定事件时传递的附加数据
    
    //event.stopPropagation()	阻止事件冒泡行为
    //event.preventDefault()	阻止浏览器默认行为
    //return false:既能阻止事件冒泡,又能阻止浏览器默认行为。

jQuery补充知识点

链式编程

通常情况下,只有设置操作才能把链式编程延续下去。因为获取操作的时候,会返回获取到的相应的值,无法返回 jQuery对象。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    end(); // 筛选选择器会改变jQuery对象的DOM对象,想要回复到上一次的状态,并且返回匹配元素之前的状态。

【案例:五角星评分案例.html】

each方法

jQuery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不同的值的时候,就需要自己进行迭代了。

作用:遍历jQuery对象集合,为每个匹配的元素执行一个函数

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    // 参数一表示当前元素在所有匹配元素中的索引号
    // 参数二表示当前元素(DOM对象)
    $(selector).each(function(index,element){});

【案例:不同的透明度.html】

多库共存

jQuery使用 作 为 标 示 符 , 但 是 如 果 与 其 他 框 架 中 的 作为标示符,但是如果与其他框架中的 作为标示符,但是如果与其他框架中的冲突时,jQuery可以释放$符的控制权.

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    var c = $.noConflict();//释放$的控制权,并且把$的能力给了c

插件

常用插件

插件:jquery不可能包含所有的功能,我们可以通过插件扩展jquery的功能。 jQuery有着丰富的插件,使用这些插件能给jQuery提供一些额外的功能。

  1. jquery.color.js

animate不支持颜色的渐变,但是使用了jquery.color.js后,就可以支持颜色的渐变了。

使用插件的步骤

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //1. 引入jQuery文件
    //2. 引入插件(如果有用到css的话,需要引入css)
    //3. 使用插件
  1. jquery.lazyload.js

懒加载插件

jquery.ui.js插件

jQueryUI专指由jQuery官方维护的UI方向的插件。

官方APIhttp://api.jqueryui.com/category/all/

其他教程:jQueryUI教程

基本使用:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
    //1.	引入jQueryUI的样式文件
    //2.	引入jQuery
    //3.	引入jQueryUI的js文件
    //4.	使用jQueryUI功能

使用jquery.ui.js手风琴菜单

制作jquery插件

原理:jquery插件其实说白了就是给jquery对象增加一个新的方法,让jquery对象拥有某一个功能。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//通过给$.fn添加方法就能够扩展jquery对象
$.fn. pluginName = function() {};
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021-08-07,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
秋招准备,这份GitHub万星的ML算法面试大全请收下
项目地址:https://github.com/imhuay/Algorithm_Interview_Notes-Chinese
Datawhale
2019/07/08
5860
GitHub上AI岗位面试笔记(机器学习算法/深度学习/ NLP/计算机视觉)
GitHub地址:https://github.com/imhuay/Algorithm_Interview_Notes-Chinese
不脱发的程序猿
2021/01/20
7540
【Github】ML-NLP:机器学习、NLP面试中常考到的知识点和代码实现
此项目是机器学习(Machine Learning)、深度学习(Deep Learning)、NLP面试中常考到的知识点和代码实现,也是作为一个算法工程师必会的理论基础知识。
代码医生工作室
2019/09/16
1.5K0
老生常谈:想做算法工程师,到底要学什么?
这个问题时常有人问我,单单是知乎里的付费咨询就很多次。最近新增了许多关注,所以今天再拿出来聊一聊,相当于给大家画一个学习路线,帮助大家更好入门。
TechFlow-承志
2022/08/26
5.2K0
老生常谈:想做算法工程师,到底要学什么?
GitHub星标数超4.2万的火爆之作!
AI领域蓬勃发展,不断有新鲜血液注入行业,行业著作也不断推陈出新~~ 最近博文菌得到一本极具群众基础的深度学习图书。 要说AI图书,博文菌推荐过非常多的优秀著作,有数十年经验沉淀的经典巨著,也有0压入门的必备秘籍…… 但这本书完全不一样! 因为它集百家所长,凝聚了众多一线科研人员及工程师的经验,可以培养读者发现问题、解决问题、扩展问题等方面的能力,真真正正地称得上一本书入门深度学习! 不卖关子了,它就是火爆全网的《深度学习500:AI工程师面试宝典》!   《深度学习500问:AI工程师面试宝典》   ▼
博文视点Broadview
2023/05/19
2910
GitHub星标数超4.2万的火爆之作!
链表算法面试问题?看我就够了!
单链表的操作算法是笔试面试中较为常见的题目。本文将着重介绍平时面试中常见的关于链表的应用题目。
五分钟学算法
2019/03/14
1.1K0
链表算法面试问题?看我就够了!
视觉算法岗秋招总结分享——教你如何准备
当初也在牛客看了许多面经,刷了不少题目,也受到许多牛友的鼓励,跌跌撞撞也算是找到了相对满意的结果。今天突然想起一直想写篇求职分享,给找工作的牛友参考,也算是一点对牛客和牛友们的回馈吧。有什么遗漏,或者牛友想了解的欢迎指出,尽量补充。 先介绍下本人基本情况,本人光学渣硕,研究方向是图像处理。硕士期间遇到一个很好的导师,有两份实习经历。不过尽管如此,还是找工作找的很坎坷,一方面是:专业和计算机差太远;另一方面是:做得方向不是机器学习,深度学习相关。从8月初到9月末,两个月都在面试,面了有20家公司左右吧,还好运
牛客网
2018/07/05
1.2K1
GitHub 40000星!收下这份宇宙最强「程序员装备指南」
GitHub有一个4万星的超强清单,里面内容从通用工具到编程比赛,从论坛到面试,还有英语学习,无所不包,堪称「程序员生存指南」。
昱良
2021/07/01
8450
GitHub 40000星!收下这份宇宙最强「程序员装备指南」
300道Python面试题,备战春招!
过年开工回来到现在,营长每天在地铁里只看到了两家公司的广告:前两周是拉勾网,最近都是 Boss直聘,求职、跳槽到现在,你是否已经成功,offer 在手了呢?
AI科技大本营
2019/03/15
1.3K0
300道Python面试题,备战春招!
这里有 300 篇 Python 与机器学习类原创笔记
主要包括计算机科学中基本的算法与数据结构,结合算法思想和Leetcode实战,总结介绍。
好好学java
2020/03/17
4.7K0
NLP中文面试学习资料:面向算法面试,理论代码俱全,登上GitHub趋势榜
这里有一份NLP面试大全,全中文教学,囊括机器学习及NLP算法面试中常考的知识点,还有算法实战代码,实乃算法工程师求职路上,必备良品。
代码医生工作室
2019/10/08
5860
NLP中文面试学习资料:面向算法面试,理论代码俱全,登上GitHub趋势榜
【Github 4K星】BAT头条滴滴小米等笔试面经+深度学习/算法/NLP资源汇总!
最近,在GitHub上有位id为imhuay的热心人带头建立了一个关于国内知名互联网企业笔试和面试经验的资源库,光从名称上就能看出其内容有多丰富:《2018/2019/校招/春招/秋招/算法/机器学习(MachineLearning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记》。
磐创AI
2018/10/22
1.1K0
【Github 4K星】BAT头条滴滴小米等笔试面经+深度学习/算法/NLP资源汇总!
终于不用愁了,GitHub 上的这些面试题项目我给你找好了。
又到了一年一度的金三银四,每次总能听到一些读者的反馈,问:有没有关于 xxx 的面试题,索性就把我所收集的 GitHub 上关于面试题的项目分享给大家。
杰哥的IT之旅
2021/03/30
2.6K0
终于不用愁了,GitHub 上的这些面试题项目我给你找好了。
这是一篇关于如何成为一名AI算法工程师的长文
经常有朋友私信问,如何学 python 呀,如何敲代码呀,如何进入 AI 行业呀?
机器之心
2019/07/03
6680
这是一篇关于如何成为一名AI算法工程师的长文
GitHub 标星 2.7w+!超全大厂面试笔记整理!
去年,在 GitHub 上有位 id 为 imhuay 的热心人带头建立了一个关于国内知名互联网企业笔试和面试经验的资源库,光从名称上就能看出其内容有多丰富:
GitHubDaily
2019/10/22
8880
【Github 5K星】BAT头条滴滴小米等笔试面经+深度学习/算法/NLP资源汇总!
最近,在GitHub上有位id为imhuay的热心人带头建立了一个关于国内知名互联网企业笔试和面试经验的资源库,光从名称上就能看出其内容有多丰富:《2018/2019/校招/春招/秋招/算法/机器学习(MachineLearning)/深度学习(Deep Learning)/自然语言处理(NLP)/C/C++/Python/面试笔记》。
abs_zero
2018/10/23
9100
【Github 5K星】BAT头条滴滴小米等笔试面经+深度学习/算法/NLP资源汇总!
百道Python面试题实现,搞定Python编程就靠它
对于一般的机器学习求职者而言,最基础的就是掌握 Python 编程技巧,随后才是相关算法或知识点的掌握。在这篇文章中,我们将介绍一个 Python 练习题项目,它从算法练习题到机试实战题提供了众多问题与解决代码。
磐创AI
2019/05/05
7790
百道Python面试题实现,搞定Python编程就靠它
算法工程师常见面试问题及相关资料汇总
https://github.com/lcylmhlcy/Awesome-algorithm-interview
小白学视觉
2019/10/10
3.4K1
算法工程师常见面试问题及相关资料汇总
NLP 算法工程师相关的面试题
【导读】本项目记录了面试NLP算法工程师常会遇到的问题,作者songyingxin。
代码医生工作室
2019/10/31
2.6K0
百道Python面试题实现,搞定Python编程就靠它
昨天机器之心介绍了 PHD 大牛的求职之路,很多读者感觉这位大牛太厉害了,他的经历对我们帮助不大。对于一般的机器学习求职者而言,最基础的就是掌握 Python 编程技巧,随后才是相关算法或知识点的掌握。在这篇文章中,我们将介绍一个 Python 练习题项目,它从算法练习题到机试实战题提供了众多问题与解决代码。
机器之心
2019/04/29
6360
百道Python面试题实现,搞定Python编程就靠它
推荐阅读
相关推荐
秋招准备,这份GitHub万星的ML算法面试大全请收下
更多 >
LV.0
这个人很懒,什么都没有留下~
目录
  • 为什么要学jquery
  • 体验jquery的使用
  • jquery到底是什么
  • jquery的版本问题
  • jquery的入口函数
  • jq对象和dom对象(重要)
  • jquery选择器
    • 什么是jQuery选择器
    • 基本选择器
    • 层级选择器
    • 过滤选择器
    • 筛选选择器(方法)
  • 元素设置
    • 样式设置
    • 类名设置
    • 属性设置
    • prop方法
  • 动画
    • 基本动画
    • 滑入滑出
    • 淡入淡出
    • 自定义动画
    • 动画队列
    • stop使用
  • 节点操作
    • 创建节点
    • 克隆节点
    • 添加&移动节点
    • 删除节点&清空节点
  • jQuery特殊属性操作
    • val方法
    • html方法与text方法
    • width方法与height方法
    • scrollTop与scrollLeft
    • offset方法与position方法
  • jQuery事件机制
    • jQuery事件发展历程(了解)
    • on注册事件(重点)
    • 事件解绑
    • 触发事件
    • jQuery事件对象
  • jQuery补充知识点
    • 链式编程
    • each方法
    • 多库共存
  • 插件
    • 常用插件
    • jquery.ui.js插件
  • 制作jquery插件
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档