JQuery

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效果

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值