随笔分类 -  前端 jQuery

jquery----正则表达式
摘要：手册：https://www.runoob.com/regexp/regexp-syntax.html 1、 var str = "http://www.runoob.com:80/html/html-tutorial.html"; var patt1 = /(\w+):\/\/([^/:]+)(: 阅读全文
posted @ 2019-10-13 22:12 小名的同学 阅读(154) 评论(0) 推荐(0)
jquery----Ajax使用
摘要：基本使用 <script> //$.ajax的两种使用方式: //$.ajax(settings); //$.ajax(url,[settings]); $(".send_Ajax").click(function(){ $.ajax({ url:"/handle_Ajax/", type:"POS 阅读全文
posted @ 2019-07-12 10:54 小名的同学 阅读(208) 评论(0) 推荐(0)
jquery----Ajax基础
摘要：伪Ajax请求： 伪Ajax请求 利用iframe进行伪造请求,利用js给iframe的src属性添加网址，iframe会给这个网址发送静态请求 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title 阅读全文
posted @ 2019-07-12 10:49 小名的同学 阅读(204) 评论(0) 推荐(0)
jquery----插件使用
摘要：DATE使用 .data("key", value) 保存值，value可以是字符串，也可以是数组，也可以是jquery对象 .data("key") 获取值（没有值就返回undefined） .removeData() 删除所有 .removeData("key") 删除key对应的value 数 阅读全文
posted @ 2019-03-21 21:05 小名的同学 阅读(508) 评论(0) 推荐(0)
jquery----jquery继承
摘要：使用 1、新建js文件 2、在js文件中添加 //$:指jquery，$.extend给jquery扩展方法 $.extend({ "GDP": function () { console.log("哈哈哈哈"); } }); 3、使用 //在html中直接调用 $.GDP() 高级使用 复杂(1, 阅读全文
posted @ 2019-03-21 10:53 小名的同学 阅读(2784) 评论(0) 推荐(0)
jquery----事件
摘要：常用事件 blur([[data],fn]) 失去焦点 focus([[data],fn]) 获取焦点（ 搜索框例子） change([[data],fn]) 当select下拉框中的元素发生改变的时候触发change事件(select例子) click([[data],fn]) 点击 dblcli 阅读全文
posted @ 2019-03-21 10:25 小名的同学 阅读(233) 评论(0) 推荐(0)
Jquery----对css操作和元素添加删除
摘要：jquery对css操作： 1、CSS .css() - .css("color") -> 获取color css值 - .css("color", "#ff0000") -> 设置值 - .css({"color": "#cccccc", "border": "1px solid #ff0000" 阅读全文
posted @ 2019-03-19 20:22 小名的同学 阅读(232) 评论(0) 推荐(0)
jquery----绑定事件
摘要：jquery 绑定事件 添加绑定事件 // $(".btn").on('click',function () { #事件委派 // $(".c1").toggleClass('c2') // }); $(".btn").click(function () { $(".c1").toggleClass 阅读全文
posted @ 2019-03-19 19:37 小名的同学 阅读(141) 评论(0) 推荐(0)
jquery----选择器
摘要：在线手测：http://www.jq22.com/chm/jquery/index.html 选择器： 层级选择器 - 从一个标签的子子孙孙去找 $("父亲 子子孙孙") - 从一个标签的儿子里面找 $("父亲>儿子标签") - 找紧挨着的标签 $("标签+下面紧挨着的那个标签") - 找后面所有同 阅读全文
posted @ 2019-03-19 19:35 小名的同学 阅读(155) 评论(0) 推荐(0)
jquery----基础
摘要：手册：https://www.w3school.com.cn/jquery/jquery_selectors.asp 导入js/css文件： <script type"text/javascript" src="JS文件"></script> <link rel = "stysheet",href= 阅读全文
posted @ 2018-11-02 14:51 小名的同学 阅读(128) 评论(0) 推荐(0)