jquery基础知识

来源:互联网 发布:runescape 知乎 编辑:程序博客网 时间:2024/05/17 22:52
1.document.getElementById();//返回的是一个DOM对象
2.ID选择器:var ele=$("#id号")返回的是一个jQuery对象
3.用jQuery会在文档加载完毕时执行函数:$(function(){})
4.元素选择器:var ele =$("div")//页面中的div都查找出来,返回一个jQuery对象,但一个jQuery对象中包含了多个的
DOM对象。
5.属性选择器:
$(function(){
alert($("[name]").length);
alert($("[name=age]").val());//获取值
alert($("[name=age]").val(“dsrjewor”));//设置值


})
用户名:<input type="text" name="name"/><br/>
年龄:<input type="text" name="age"/><br/>
5.类选择器:<div class="notMe">
   <div class="myClass">
$(function(){
$(".myClass").text("sdfwer");
})


6.表单选择器:$(":input"),$(":text"),$(":password"),$(":textarea")
7.表单对象属性:$(":checked") 例如radio和checkbox都有checked属性,可以通过
这个属性值来查询元素.$(":checked")查询所有被选中的radion或checkbox元素


8.有关属性的操作方法:
attr(name):获取指定属性的值
attr(name,value):设置指定属性的值
removeAttr(name):删除指定属性
9.有关类的操作方法:这里的类是指给元素添加的样式的名称。
addClass(name) 给元素添加指定类
removeClass(name):给元素删除指定类


10文本
text():获取元素的文本内容
text(text):设置元素的文本内容
11 value 
val()获取元素的value内容
value()设置元素的value内容


12.CSS
css(name):获取指定名称的样式值
css(name,value)设置指定名称的样式值


13.遍历:遍历使用each()方法来完成。each()方法的参数是函数。每次循环都会调用一次这个函数。在函数中可以使用
$(this)来获取当前遍历的元素


14.$("")返回的是一个jquery对象,可以是一个集合,也可以是单个对象


15.事件:给jquery元素添加事件:
点击事件:click()方法,参数是函数。
focus(fn):得到焦点事件
blur(fn):失去焦点事件
mouseover(fn):鼠标进去元素事件
mouseout(fn)鼠标离开元素事件
change((fn)元素值改变事件,一般用于下拉列表的值改变时,调用该函数
submit(fn):表单提交事件,只能添加给表单元素,参数函数会在表单提交时执行
submit():提交表单,只能添加给表单元素,表示提交表单。


16.hover(over,out):这个函数的两个参数都是函数,over函数会在鼠标进入元素时执行;out函数会在鼠标离开元素时执行
bind(type,fn):$("div").bind("click",function(){})等同于$("div").click(function{});
unbind(type):$("div").unbind("click")表示删除这个元素上面的click事件
17
0 0