jquery的tips的简单介绍

jquery tips 插件宽度怎么设置

要实现功能需要jquery 写代码.只要设置主题DIV宽度1210即. 般还设置下居居做法 设置div 左右 margin:auto; 即.例:.bodydiv{ width:1210px; margin:auto;}

相关问答

Q1: jquery怎么获取DIV里面的值？

$("div").index(this).text();改成$(this).text();即可。不过你的div宽度是100%，从下往上移4会挡住其他的，除非你把浏览器缩小，从左边移进去。 修改建议，加个id为tips的div，然后将index的值放进去，这样移动的时候它就会自动变换，看起来明显些。如下：

div id="tips"/div

divasasas/div

div2/div

div3/div

div4/div

script language="javascript"

$(function(){

$("div").hover(function(){

var index=$(this).text();

$("#tips").html(index);

})

})

/script

Q2: 如何在HTML中引用jQuery函数库

Tips：百度搜索jQuery，到jQuery的官网下载jQuery库。

!DOCTYPE html

html

head

    meta charset="UTF-8" /

    titleHTML5学堂/title

    style type="text/css"

        .h5course {

            width: 200px;

            height: 200px;

            background-color: red;

        }

    /style

/head

body

    div id="h5course"学习HTML5，到HTML5学堂/div

    

    !-- 用script标签引入jQuery库 --

    script src="js/jquery-3.2.1.min.js" type="text/javascript"/script

    script type="text/javascript"

        console.log($('#h5course').text());

    /script

/body

/html

Q3: jQuery学习之prop和attr的区别

可以参考一下网上的其他介绍。

1、赋值时候，如果是input type="checkbox" checked这样的只有属性名就能生效的属性

推荐prop，即：$('input').prop('checked',true);

同时，false表示取消，即：$('input').prop('checked',false);

当然attr也行的：$('input').attr('checked','这里写什么都行的');

取消属性就是移除：$('input').removeAttr('checked');

2、取值的时候，如果是input  id="input1" type="checkbox" checkedinput  id="input2" type="checkbox"

推荐使用prop，即：

$('#input1').prop('checked'); //返回true

$('#input2').prop('checked'); //返回false

而使用attr，则：

$('#input1').attr('checked'); //返回checked

$('#input2').attr('checked'); //返回undefined

3、特殊属性赋值取值

这个特殊说明下，获取很多人都用不到呢。

比如需要在input中追加一个data-tips属性。变成这样子 input type="text" value="" data-tips="aa"

这时候只能写：$('input').attr('data-tips','aa');

使用prop是不管用的。

但是读值时候，两个都可以的：

$('input').attr('data-tips');//返回aa

$('input').prop('data-tips');//返回aa

参考：