JQuery

jQuery

获取表单元素的值(val())

$(选择器).val(); //获取

$(选择器).val(值); //赋值

获取元素下所有内容(html())

.html();//获取
.html(“XXXX”);//赋值

获取元素下文本内容

.text();//获取
.text(w);文本内容); //赋值

操作元素CSS属性
操作单个CSS

$(选择器).css(属性,值); //改变

$(选择器).css(属性); //获取

操作多个CSS

$(选择器).css({属性1:值1,属性2:值2}); //改变

类型转换

js转jquery $(js对象);

jquery转js $(选择器).get(0); 或 $(选择器)[0]

操作class属性

//addClass 添加class样式
$(“.div1”).addClass(“div1”);

//removeClass 删除class样式
$(“.div1”).removeClass(“div1”);

操作属性

$(选择器).attr(HTML属性); //获取属性值

$(选择器).attr(HTML属性,值); //改变属性值

隐藏与显示

隐藏:hide(显示时间<毫秒>,函数)显示元素
显示:show(显示时间<毫秒>,函数)显示元素
切换:toggle(显示时间<毫秒>,函数) 隐藏与显示

遍历

$(选择器).each(function(下标,值){
//代码块
});

$.each(数组名,function(下标,值){
//代码块
});

jquery事件

表单提交事件(submit)

$(选择器).submit(function(){
return true; //true提交 false禁止提交
});

单击事件(click)

$(选择器).click(function(){
});

键盘按下事件(keydown)

$(window).keydown(function(k){
k.keyCode //获取键盘按下后对于的键值
});

获取光标事件(focus)

$(选择器).focus(function(){
});

光标离开事件(blur)

$(选择器).blur(function(){
});

元素内容被改变事件(change<用于html的下拉框中>)

$(选择器).change(function(){
});

动态生成元素,并绑定事件(on)

$(“body”).on(要绑定的事件,目标元素,函数);

如:

 $("body").on("click","#a1",function(){
        //代码块
 });

正则表达式
https://www.runoob.com/js/js-regexp.html 基础
https://www.cnblogs.com/alex-hrg/p/9617294.html 例子
http://caibaojian.com/jquery/regexp.html 速查表

正则表达式
什么是正则表达式?

正则表达式是由一个字符序列形成的搜索模式。
当你在文本中搜索数据时,你可以用搜索模式来描述你要查询的内容。
正则表达式可以是一个简单的字符,或一个更复杂的模式。
正则表达式可用于所有文本搜索和文本替换的操作。

语法

/正则表达式主体/修饰符(可选) RegExp()

目录说明
i执行对大小写不敏感的匹配。
g执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m执行多行匹配。

函数:
test() 判断字符串是否符合规定的正则,返回true或false

 var rep = /\d+/;
 console.log(rep.test("111"));

exec() 获取匹配的数据,返回数组

var rep = /(\d+)/g;
console.log(rep.exec("1211xx232xx"));
  • 17
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值