博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery基础一
阅读量:6510 次
发布时间:2019-06-24

本文共 868 字,大约阅读时间需要 2 分钟。

一、jQuery认识

  1、它是对JavaScript进行二次封装的工具函数集合

  2、它是一个简洁高效且功能丰富的JavaScript库

二、在html文件中怎么使用jQuery

  1、在jQuery官方网站中下载

  2、通过script中src导入即可

三、页面载入

window.onload()    它是等页面文档树和标签及其中的内容全加载完毕后,执行回调函数
$(document).ready(function () {})    jQuery文档树加载完毕,执行回调函数    //可以简写成 $(function () {})

 四、jq功能

1、选择器var $div1 = $('.div1'); // 括号写css选择器的字符串2、文本操作$div1.text('文档内容');div2.innerText = '文档内容';3、样式操作$div1.css({    width:'200px',    height:'200px',}).css('background-color','red');4.类名操作$div1.toggleClass('active')5.事件操作$div1.on('click',function () {})6.动画操作$div1.slideup();7.文档操作$div1.append('

呵呵

')

五、js和jq直接相互转换

js转换成jq   $div2 = $(div2)jq转换成js   div1 = $div1[0]

六、ajax

$.ajax({    key:value形式    url:'路由地址',    data: {        key:value    },//携带的数据    success:function(data) {        console.log(data)    }   //data是后端返回过来的数据})

 

转载于:https://www.cnblogs.com/zhuchunyu/p/9830415.html

你可能感兴趣的文章
centos访问windowsxp共享资源指南.
查看>>
实时游戏对战引擎Photon
查看>>
C语言位操作控件属性
查看>>
nginx的安装及基本配置,及多个域名服务
查看>>
Servlet访问postgresql数据库并提取数据显示在前端jsp页面
查看>>
不改一行代码定位线上性能问题
查看>>
定义运算符
查看>>
git管理
查看>>
idea演示
查看>>
Android第三十天
查看>>
告别暗黄皮肤变水嫩皮肤的8个小习惯
查看>>
[Big Data - Kafka] kafka学习笔记:知识点整理
查看>>
加强Eclipse代码自动提示的方法
查看>>
【HM】第4课:MySQL入门
查看>>
GNS3-地址重叠环境中部署IPsec
查看>>
exchange online 用户疑问之许可证和用户数据归档
查看>>
QImage Mat IplImage 之间的相互转换
查看>>
lsof命令详解
查看>>
使用eclipse与android studio 在开发自定义控件时的区别
查看>>
我的友情链接
查看>>