为了账号安全,请及时绑定邮箱和手机立即绑定
  • $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。

    查看全部
  • 注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6、7、8浏览器,这样做的目的是为了兼容移动端开发。由于减少了一些代码,使得该版本比 jQuery 1.x 更小、更快。

    jQuery 每一个系列版本分为:压缩版(compressed) 与 开发版(development),我们在开发过程中使用开发版(开发版本便于代码修改及调试),项目上线发布使用压缩版(因为压缩版本体积更小,效率更快)。


    jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。

    查看全部
    0 采集 收起 来源:环境搭建

    2018-06-11

  • 语法

    $(selector).toggleClass(classname, [switch])

    $(selector).toggleClass(function(index,currentclass){},[switch])

    定义和用法

    toggleClass() 方法对被选元素添加或移除类进行切换。

    .toggleClass()方法检查每个元素中指定的类。如果不存在则添加类,如果已设置则删除之。这就是所谓的切换效果。第一次执行相当于addClass,第二次执行相当于removeClass,再次add,再再次remove....

    然而,通过使用 "switch" 参数,您能够规定只删除或只添加类。true为只添加,false为只删除 

    .toggleClass("className", true) == .addClass("clsaaName")

    .toggleClass("className", false) == .removeClass("clsaaName")

    参数说明:

    参数描述
    classname必需。规定添加或移除的一个或多个类名。如需规定若干个类,请使用空格分隔类名。
    function(index,currentclass)可选。规定返回需要添加/删除的一个或多个类名的函数。
    • index - 返回集合中元素的 index 位置。

    • currentclass - 返回被选元素的当前类名。

    switch可选。布尔值,规定是否仅仅添加(true)或移除(false)类。


    查看全部
  • 通过jQuery自带的get()方法:


    var $div = $('div') //jQuery对象
    var div = $div.get(0) //通过get方法,转化成DOM对象
    div.style.color = 'red' //操作dom对象的属性


    查看全部
  • var p = document.getElementById('imooc'); p.innerHTML = '您好!通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');
    查看全部
  • 语法

    $(selector).val();         //没有参数时,返回 value 属性值

    $(selector).val(value); //   有参数时,设置 value 属性值

    $(selector).val(function(index,currentvalue){return ...;}) //通过一个返回设置值的函数设置value属性值

    定义和用法

    val() 方法返回或设置被选元素的 value 属性。

    当用于返回值时:
    该方法返回第一个匹配元素的 value 属性的值。

    当用于设置值时:
    该方法设置所有匹配元素的 value 属性的值。


    参数描述
    value必需。规定 value 属性的值。
    function(index,currentvalue)可选。规定返回要设置的值的函数。
    • index - 返回集合中元素的 index 索引位置。

    • currentvalue - 返回被选元素的当前 value。

    注意:val() 方法通常与 HTML 表单元素一起使用。

    返回值:

    语法一的返回值:

    多为匹配的元素集合中第一个元素的value值

    通过.val()处理select元素时:

    1. 当没有多选属性,value值是被选中的选择项(option元素中selected="selected"的那个),都没有选中则.val()方法返回集合中的第一个元素的value值.

    2. 如果select元素有multiple(多选)属性,并且至少一个选择项被选中(option元素中selected="selected"), .val()方法返回一个数组,这个数组包含每个选中选择项的值

    3. , 当有多选属性,没有选择项被选中时,它返回null

    语法二的返回值是当前jQuery对象, 

    语法三的函数参数的返回值是字符串类型,整个个方法的返回值是jQuery对象.

    .html(),.text()和.val()的差异总结:  

    1. .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。

    2. .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。

    3. .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容


    查看全部
  • attr()有4个表达式

    1. attr(传入属性名):获取属性的值

    2. attr(属性名, 属性值):设置属性的值

    3. attr(属性名,函数值):设置属性的函数值

    4. attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

    5. 5.removeAttr()删除方法

      .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性(attribute)

    Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等


    attr()方法 使用函数来设置属性/值
    语法 $(selector).attr(attribute,function(index,oldvalue))
    attribute 规定属性的名称。
    function(index,oldvalue) 规定返回属性值的函数。该函数可接收并使用选择器的 index 值和当前属性值。

    查看全部
  • .toggleClass( )方法:

        如果存在该样式类就删除该类,不存在就添加一个类。

    1. .toggleClass( className ):在匹配的元素集合中的每个元素上用来切换的一个或多个(用空格隔开)样式类名。

    2. .toggleClass( className, switch ):一个布尔值,用于判断样式是否应该被添加或移除。(第二个参数是true,那么这个样式类将被添加;false则被删除)

    3. .toggleClass( [switch ] ):一个用来判断样式类添加还是移除的 布尔值

    4. .toggleClass( function(index, class, switch) [, switch ] ):用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数

    查看全部
  • .val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值;.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容.

    查看全部
  • lt() eq()  0~10;

    nth-child()  1~10;


    查看全部
    1 采集 收起 来源:综合案例

    2018-06-10

举报

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

微信扫码,参与3人拼团

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

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