JQUERY —— 元素及表单操作

$("<nav></nav>"):创建元素

append:向当前元素中添加目标元素

var filePageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));

appendTo:向目标元素中添加当前元素

var navEle = $("<nav></nav>");  
navEle.appendTo("#page_nav_area");

addClass:向当前元素添加"class"属性

var ul = $("<ul></ul>").addClass("pagination");

removeClass:删除当前元素的"class"属性

var ul = $("<ul></ul>").removeClass("pagination");

attr:向当前元素添加自定义属性

var filePageLi = $("<li></li>").append($("<a></a>").append("首页").attr("href","#"));
$("#id").attr("edit-id","123");    //赋值
$("#id").attr("edit-id");        //取值

prop:读取dom原生属性

$("#id").prop("edit-id","123");    //赋值
$("#id").prop("edit-id");        //取值

click:向当前元素添加绑定单击事件(也可以用on来动态绑定事件)

$("#email_add_input").parent():获取当前元素的父元素

.next("span"):获取当前元素的下一个span元素

.val():读取或修改表单元素的value值

.html():读取和修改元素的HTML标签

.text():读取或修改元素的纯文本内容

为元素增加disabled不可用属性

$("#tr1 input,#tb1 input").attr("disabled",true);

为元素去掉disabled不可用属性

$("#tr1 input,#tb1 input").attr("disabled",false);

显示id=formTab下所有隐藏的元素

$("formTab.elements").show();

猜你喜欢

转载自www.cnblogs.com/yifanSJ/p/9115332.html