Closed liushuangls closed 6 years ago
jQuery对象是jQuery在DOM原生对象的基础上进行封装,使其能够调用jQuery的方法。
jQuery对象转换为DOM对象:
1. var $tab = $('.tab') $tab[0] //
2. var $tab = $('.tab') $tab.get(0) //
DOM对象转换为jQuery对象:
var tab = document.querySelector('.tab') var $tab = $(tab)
从jQuery 1.7开始,.on() 方法是将事件处理程序绑定到文档(document)的首选方法。示例:
$('.class').on('click', function(){...})
animate()方法根据一组 CSS 属性,执行自定义动画。示例:
// 同时对透明度,左偏移值和高度应用动画: $('#clickme').click(function() { $('#book').animate({ opacity: 0.25, left: '+=50', height: '+=50' }, 5000); });
html()方法获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容。示例:
// 设置内容 $('div.demo-container') .html('
All new content. You bet!
text()方法得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。示例:
Test Paragraph.
val()方法获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。示例:
attr()方法获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。示例:
Once there was a large dinosaur...
jQuery 能做什么?
jQuery 对象和 DOM 原生对象有什么区别?如何转化?
jQuery对象是jQuery在DOM原生对象的基础上进行封装,使其能够调用jQuery的方法。
jQuery对象转换为DOM对象:
1. var $tab = $('.tab') $tab[0] //
...
2. var $tab = $('.tab') $tab.get(0) //
...
DOM对象转换为jQuery对象:
var tab = document.querySelector('.tab') var $tab = $(tab)
jQuery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
从jQuery 1.7开始,.on() 方法是将事件处理程序绑定到文档(document)的首选方法。示例:
$('.class').on('click', function(){...})
jQuery 如何展示/隐藏元素?
jQuery 动画如何使用?
animate()方法根据一组 CSS 属性,执行自定义动画。示例:
// 同时对透明度,左偏移值和高度应用动画: $('#clickme').click(function() { $('#book').animate({ opacity: 0.25, left: '+=50', height: '+=50' }, 5000); });
如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
html()方法获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容。示例:
// 设置内容 $('div.demo-container') .html('
All new content. You bet!
'); // 获取内容 $('div.demo-container') .html('');text()方法得到匹配元素集合中每个元素的文本内容结合,包括他们的后代,或设置匹配元素集合中每个元素的文本内容为指定的文本内容。示例:
Test Paragraph.
如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
val()方法获取匹配的元素集合中第一个元素的当前值或设置匹配的元素集合中每个元素的值。示例:
attr()方法获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性。示例:
Once there was a large dinosaur...
使用 jQuery实现二级菜单
使用 jQuery tab切换效果
实现添加图片效果
tab滑动效果