关于JQuery设置checkbox checked 的问题或者原生js设置checkbox checked问题

<label for="">城市</label><input type="checkbox" class="checkBox">

1.原生js实现

if (document.getElementsByClassName('checkBox')[0].checked) {
       document.getElementsByClassName('checkBox')[0].checked=false;
}else {
       document.getElementsByClassName('checkBox')[0].checked=true;

 }

2.jquery实现法1）

if ($('.checkBox')["0"].checked) {
                $('.checkBox')["0"].checked=false;
            }else{
                $('.checkBox')["0"].checked=true;
            }

jquery实现法2）

if ($('.checkBox').prop("checked")) {
                $('.checkBox').prop("checked",false);
            }else{
                $('.checkBox').prop("checked",true);
            }