[关闭]
@wangyupu 2020-09-01T13:50:20.000000Z 字数 1511 阅读 24

jQuery

javaweb


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

  1. $(选择器).val(); //获取
  2. $(选择器).val(值); //赋值

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

  1. .html();//获取
  2. .html("XXXX");//赋值

获取元素下文本内容

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

操作元素CSS属性

操作单个CSS

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

操作多个CSS

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

类型转换

  1. jsjquery $(js对象);
  2. jqueryjs(选择器)或(选择器)[0]

操作class属性

  1. //addClass 添加class样式
  2. $(".div1").addClass("div1");
  3. //removeClass 删除class样式
  4. $(".div1").removeClass("div1");

操作属性

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

隐藏与显示

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

遍历

  1. $(选择器).each(function(下标,值){
  2. //代码块
  3. });
  4. $.each(数组名,function(下标,值){
  5. //代码块
  6. });

jquery事件

  1. 表单提交事件(submit)
  2. $(选择器).submit(function(){
  3. return true; //true提交 false禁止提交
  4. });

单击事件(click)

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

键盘按下事件(keydown)

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

获取光标事件(focus)

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

光标离开事件(blur)

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

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

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

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

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

如:

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

正则表达式

  1. https://www.runoob.com/js/js-regexp.html 基础
  2. https://www.cnblogs.com/alex-hrg/p/9617294.html 例子
  3. http://caibaojian.com/jquery/regexp.html 速查表

正则表达式

什么是正则表达式?

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

语法

  1. /正则表达式主体/修饰符(可选) RegExp()
目录 说明
i 执行对大小写不敏感的匹配。
g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)
m 执行多行匹配。

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

  1. var rep = /\d+/;
  2. console.log(rep.test("111"));
  3. ```
  4. exec() 获取匹配的数据,返回数组
  1. var rep = /(\d+)/g;
  2. console.log(rep.exec("1211xx232xx"));
添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注