有效沟通问答-【官方】百战程序员_IT在线教育培训机构

会员可以在此提问，百战程序员老师有问必答

对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题，会帮你学得更全面

截止目前，同学们一共提了 128778个问题

jQuery框架文件下载不了，请问下怎么下载

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 61楼

老师，用jquery兼容性问题就解决了，那在获取动态数据时，用jquery函数事件来写，就不用考虑浏览器的兼容问题了，能保证在不同浏览器下显示一样的。这样理解对吗？可是如果还出现布局不同，是不是就是css样式问题了？那用jquery来写css的样式，是不是也不用考虑css样式的兼容问题。这样理解，对吗？麻烦老师解惑了

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 62楼

老师，你在视频里面说的那个表格在哪个地方下载

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 63楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min%5B1%5D.js"></script>
    <style>
        div{
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div class="div1"></div>
<br/>
<div class="div2"></div>
<br/>
<div class="div3"></div>
<script>
    /*
    * css()方法
    * 描述：本方法是jq对象读写css样式的方法，相当于js中的style属性
    * 语法：jq对象.css("key","value");
    * 注意：
    * 1.第一个参数是必要的，第二个参数是可选的
    * 2.如果只有一个参数则代表读取属性的值，*/
    $('.div1').click(function () {
        $(this).css({
            "width": "200px",
            "height": "150px",
            "border": "2px solid green",
            "background-color": "aqua"
        })
    })
    $('.div2').click(function () {
        $(this).css({"width":"+=50px"})
    })
    var arrColor=['red','orange','blue','green','purple','gray','pink','black'];
    for (var i = 0;i<arrColor.length;i++){
        $('.div3').click(function () {
            $(this).css({"background-color":"arrColor[i]"})
        })
    }
</script>
</body>
</html>

怎么实现点一下背景颜色就换一次呢，试了好几次都不对。

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 64楼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery-1.9.1.min%5B1%5D.js"></script>
    <style>
        div{
            width: 200px;
            height: 150px;
            border: 2px solid green;
            /*background-color: aqua;*/
        }
    </style>
</head>
<body>
<div class="div1"></div>
<br/>
<div class="div2"></div>
<br/>
<div class="div3"></div>
<script>

    /*
    * 1.jquery监听事件的特点：
    * jq中规定 事件绑定不存在覆盖问题，事件的实际执行顺序会按照事件绑定的顺序逐个执行
    * 2.其他添加事件监听的方法：
    * 描述：通过on方法来为jq对象添加事件监听，通过off方法取消事件监听。
    * 语法:jq对象.on('事件名',回调函数)/jq对象.off('事件名',回调函数)*/
    var $div1= $('.div1');
    $div1.click(function () {
        $(this).animate({'width':'500px','background-color':'orange'},1000)
    })
    $div1.dblclick(function () {
        $(this).animate({'width':'800px','background-color':'pink'},1000)
    })

</script>
</body>
</html>

这个点击之后为什么背景颜色不变呢

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 65楼

老师，我不知道怎么解决这个问题，就是鼠标移入后li背景已经变化了，但是我想要改变对应的a标签的字体，但我这么设置把所有a获取了，然后一但移上去就全变了，咋整呀..求助

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<script src="jquery-1.12.3.min.js"></script>
<style>
    ul{list-style: none;}
    li{float:left;width:120px;height:30px;text-align: center;
        line-height: 30px;margin:0 10px;background-color:lightgreen;}
    a{text-decoration: none;color:#333;display: block;font-size: 16px;}
</style>
<body>
<ul>
    <li><a href="#">首页</a></li>
    <li><a href="#">购物车</a></li>
    <li><a href="#">社团介绍</a></li>
    <li><a href="#">加入我们</a></li>
</ul>
</body>
</html>
<script>
    var color = "";
    $("li").hover(function(){
        color = $(this).css("background-color");
        console.log(color);
        $(this).css("background-color","blue");
        $("a").css("color","#f00");
    },function(){
        $(this).css("background-color",color);
    })
</script>

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 66楼

老师，您的时间设置有问题，还是我的电脑没有播放完啊

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 67楼

老师高版本的jQuery如何实现toggle（）效果。。

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 68楼

老师为什么$（document）和$(this)不加引号？

WEB前端全系列/第三阶段：jQuery编程模块/jQuery基础知识（旧） 69楼

同学您好