jquery下载网址:
www.jquery.com
jquery的API:
https://jqueryapi.net/
jquery封装原理:
jquery的id选择器
function testId(){
var inp=$("#uname");
alert(inp.val()); //取到id为uname属性的value值
}
jQuery操作元素的属性
如果是标签里的内容则是 html(),如下的a,如果需要修改a,则直接在html(“参数”)传递参数即可
<p>a</p>
对象名.text()//返回当前对象的所有内容,不包括html标签
由于jquery选择器拿到的返回对象都是数组a,所以当只有一个元素时,使用.val()就可以取到里面的值,而当使用a[1].value,因为a[1]不是数组对象,而是元素
注意:
1。jquery中选择器获取得时存储了HTML元素对象的数组
2.jquery获取的元素对象不能够直接使用js的内容,按照数组的取出方式将对象取出后就是js的内容
操作元素属性attr()
jQuery操作元素的样式和内容
jQuery操作元素的文档结构
获取元素对象:
1.内部插入
append(“内容”),数据的填充添加,不能覆盖原来的内容,属于内部插入
appendTo(“元素对象或者选择器”)
prepend()
prependTo()
2.外部插入
after()
before()
insertAfter()
insertBefore()
3.复制
clone()
4.删除
empty()
操作事件
bind()为对象绑定事件,例如:
$("p").bind("click", function(){
alert( $(this).text() );
});
jQuery动画效果
查看API的jQuery效果