jquery改变html元素的样式，给input标签赋值，onclick中⽂传参问题等
⼀、前⾔
最近⼜是⽤jquery⽐较多，很多东西都忘记了。⼀边使⽤⼀边学习吧，这边记录⼀下。
⼆、Jquery改变html的样式
$('#tanchuang').css('display','block');
这部分，先到要修改样式的那个元素，然后通过css()⽅法改变样式。第⼀个参数是样式名称，第⼆个参数是样式属性。
三、jquery给input标签赋值
var addr = $('#addr').val();  //获取id为addr的value值
$('#addr').val('');  //给input 的value赋值为''
$('#addr').val('你好');  //给input 的value赋值为“你好”
这部分就是val()⽅法有参数和没参数的区别
四、jquery新增html元素
$('#rank1').append('<span >请选择福利等级</span>');
这⾥通过append()⽅法，向id为rank1的元素中添加span标签。添加的元素是在rank1的⾥⾯。
五、onclick的中⽂传参问题
onclick="test(this,{{$list->id}},{{$list->recommend_name}},{{$list->recommend_phone}});"
这⾥就是在元素中定义⼀个点击事件。this代表本元素，后⾯的是参数。
这⾥的{{$list->recommend_name}}是⼀串汉字。在没有进⾏转义之前，⼀直报错，⽆法识别该中⽂参数。正常来讲，如果参数都是数值之类的，那么是没问题的，但是如果参数是中⽂，那jquery就会⽆法识别。
这⾥就是⽤"来进⾏转义。如果传的参数可能是⼀串字符串的话，最好是⽤"；来转移，加个;，这样就不会和字符串混淆了。
最终版：
onclick="test(this,{{$list->id}},"{{$list->recommend_name}}",{{$list->recommend_phone}});"
在中⽂参数的两边加个"；即可。
六、关于让input框只能输⼊数字的问题
//在input框中加⼊这⾏代码即可
jquery在一个元素后追加标签onkeyup="place(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/"
onkeyup: 是按下键盘中某个键并弹起时触发。这⾥使⽤正则来判断输⼊的值，当输⼊的值不是数字时，则input框中会不显⽰。只有输⼊的是数字，框中才会有数据。
以上就是最近遇到的关于jquery的问题，记录⼀下。
end

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。