JQuery中的事件和选择器
2016-02-27 10:02
537 查看
学习jQuery最应该了解的也就是JQuery中的事件和选择器。
那么常见的事件有哪些:
鼠标事件:mousedown鼠标按下,mouseup鼠标松开,mouseenter鼠标进入某个元素
mouseleave鼠标离开某个元素。
键盘事件:keypress,keyup,keydown
表单事件:submit,change表单的元素改变,focus,得到光标,blur是表单失去光标
文档窗口事件:load,resize,scroll,unload
当我们知道了这些的事件,然后再去了解选择器,我们就可以让我们的网页变得丰富多彩
当然,选择器其实就是我们选定某一个元素,我们
很多种方式选定某一个元素,
$("*")选取所有的元素,$(".test")通过class来选取元素,$(ul li:first)选取第一个ul的第一个li元素,$ ("[href]")获取带有href属性的标签,$("a[target='_blank']")获取target='_blank'的标签,$(":button")获取type=button的input标签或者是button标签
$("tr:even")选取tr为偶数位置的元素,$("tr:odd")选取tr为奇数位置的元素。
$(this)选取当前的元素
$("#test")通过id来选取元素
我们知道了这些事件和选择器就可以调用一些函数,来达到我们队网页的动态的设置
那么常见的事件有哪些:
鼠标事件:mousedown鼠标按下,mouseup鼠标松开,mouseenter鼠标进入某个元素
mouseleave鼠标离开某个元素。
键盘事件:keypress,keyup,keydown
表单事件:submit,change表单的元素改变,focus,得到光标,blur是表单失去光标
文档窗口事件:load,resize,scroll,unload
当我们知道了这些的事件,然后再去了解选择器,我们就可以让我们的网页变得丰富多彩
当然,选择器其实就是我们选定某一个元素,我们
很多种方式选定某一个元素,
$("*")选取所有的元素,$(".test")通过class来选取元素,$(ul li:first)选取第一个ul的第一个li元素,$ ("[href]")获取带有href属性的标签,$("a[target='_blank']")获取target='_blank'的标签,$(":button")获取type=button的input标签或者是button标签
$("tr:even")选取tr为偶数位置的元素,$("tr:odd")选取tr为奇数位置的元素。
$(this)选取当前的元素
$("#test")通过id来选取元素
我们知道了这些事件和选择器就可以调用一些函数,来达到我们队网页的动态的设置
相关文章推荐
- python学习笔记-Day15 -jquery常用知识
- jQuery插件开发代码
- jquery 相关知识
- jquery textSearch实现页面搜索 注意!!!!调用这个插件后,js事件绑定如,on、bind、live delegate全部失效,折腾了我一整天!!!
- 2016/2/26 jQuery的技术 1,安装 2,语法选择器$ 事件触发 3,常用jQuery函数
- 15个值得开发人员关注的jQuery开发技巧和心得
- jquery.jscrollpane.js滚动速度设置
- jQuery点击文本框复制其内容到剪贴板上
- jQuery-源码阅读,init()方法
- jQuery对象和DOM对象 区别和相互转化
- jQuery学习<1>
- jquery向后台请求的几种方式
- 文件上传时jquery.form.js中提示form.submit 拒绝访问
- Yii2 framework学习笔记(八) -- 整合blueimp的jquery-file-upload插件
- jQuery基础知识之选择器
- 模态框--jquery
- JQuery表格展开与内容筛选
- 使用jquery异步上传文件----SpringMVC注解开发
- jQuery提交form表单
- Html基础详解之(jquery)之二