jQuery学习-宏观
2015-12-27 22:01
811 查看
jQuery简介:
jQuery是一个轻量级、优秀的js库。既然是个库,那就是对js又进行了封装了。jQuery发明的理念是“write
less,do more” jQuery能够使用户的html页面保持代码和html内容的分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。(百度百科)
jQuery语法:
jQuery 语法是为 HTML元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery选择器:
jQuery选择器分为三种:元素选择器、属性选择器、CSS选择器。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取HTML 元素。
CSS选择器分为三种:标签选择器、类选择器、ID选择器。
$("p") 选取<p> 元素。
$("p.intro")选取所有 class="intro" 的 <p> 元素。
$("p#demo")选取所有 id="demo" 的 <p> 元素。
jQuery 属性选择器
jQuery 使用 XPath表达式来选择带有给定属性的元素。
$("[href]")选取所有带有 href 属性的元素。
$("[href='#']")选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']")选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']")选取所有 href 值以 ".jpg" 结尾的元素。
Xpath即为xml路径语言,它是一种确定xml文档中某位置的语言。(Xpath详解!)
jQuery CSS 选择器
jQuery CSS 选择器可用于改变HTML 元素的 CSS 属性。
下面的例子把所有 p元素的背景颜色更改为红色:
实例
$("p").css("background-color","red");
jQuery事件:
下面是 jQuery中事件方法的一些例子:
Event函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
总结:缕清思路,学习或着做项目的时候想着这样知识,想着它们实现的原理,自然能熟练掌握!
jQuery是一个轻量级、优秀的js库。既然是个库,那就是对js又进行了封装了。jQuery发明的理念是“write
less,do more” jQuery能够使用户的html页面保持代码和html内容的分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。(百度百科)
jQuery语法:
jQuery 语法是为 HTML元素的选取编制的,可以对元素执行某些操作。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
jQuery选择器:
jQuery选择器分为三种:元素选择器、属性选择器、CSS选择器。
jQuery 元素选择器
jQuery 使用 CSS 选择器来选取HTML 元素。
CSS选择器分为三种:标签选择器、类选择器、ID选择器。
$("p") 选取<p> 元素。
$("p.intro")选取所有 class="intro" 的 <p> 元素。
$("p#demo")选取所有 id="demo" 的 <p> 元素。
jQuery 属性选择器
jQuery 使用 XPath表达式来选择带有给定属性的元素。
$("[href]")选取所有带有 href 属性的元素。
$("[href='#']")选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']")选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']")选取所有 href 值以 ".jpg" 结尾的元素。
Xpath即为xml路径语言,它是一种确定xml文档中某位置的语言。(Xpath详解!)
jQuery CSS 选择器
jQuery CSS 选择器可用于改变HTML 元素的 CSS 属性。
下面的例子把所有 p元素的背景颜色更改为红色:
实例
$("p").css("background-color","red");
jQuery事件:
下面是 jQuery中事件方法的一些例子:
Event函数 绑定函数至
$(document).ready(function) 将函数绑定到文档的就绪事件(当文档完成加载时)
$(selector).click(function) 触发或将函数绑定到被选元素的点击事件
$(selector).dblclick(function) 触发或将函数绑定到被选元素的双击事件
$(selector).focus(function) 触发或将函数绑定到被选元素的获得焦点事件
$(selector).mouseover(function) 触发或将函数绑定到被选元素的鼠标悬停事件
总结:缕清思路,学习或着做项目的时候想着这样知识,想着它们实现的原理,自然能熟练掌握!
相关文章推荐
- jquery table 插件排序
- jQuery的选择器中的通配符
- 学习 jquery easyui 的网站
- Jquery与Dom对象互相转换
- jQuery自动完成插件autocompleter 使用注意事项
- Jquery easyui开启行编辑模式增删改操作
- jQuery的补充知识(动画和AJAX)
- jQuery
- jQuery $.each用法
- jQuery实现全选、全不选、反选
- jQuery获取循环中的选中单选按钮radio的值
- 《jQuery基础教程》第四版第七章课后练习——使用插件
- jquery自动刷新页面的几种方法
- 全屏滚动-jQuery插件实现
- jquery中的选择器01
- jQuery 和 json 简单例子(注意callback函数的处理!!) (servlet返回json,jquery更新,java json)
- jQuery实现下拉菜单
- jQuery实现下拉菜单
- 【东臣PHP】JQuery+Ajax
- 【嘉兴东臣php】jquery